Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Jan 2012
    Posts
    2
    Member #
    30545
    Hi everyone
    I have created a slide show in fireworks. Now it leaves me with the index.html and the actual xml slide show file. I copiedld s the index.html file into my page where I want the slide show to show up. Then I copied the slide show xml fie in. It works fine. However, it is on top of the snippet of code I have for my social networking sites. I think I need an extra set of eyes at this point THen when the pictures change, sometimes it puts the social networking widget split so it comes up in the idde of the slide show. It should stay under the slide show
    Here is my code. Thanks!

    Here is the div sections for the slide show and the socia networking widget

    <div id="wrap">

    <div spry:region="dsAlbumBook dsAlbums" spry:choose="">
    <div spry:when="{dsAlbums::ds_RowCount} &gt; 1">
    <p class="albumName">{@title}</p>
    <p class="albumDesc">{@description}</p>
    </div>
    <div spry:default="">
    <p class="albumName">{dsAlbums::@title}</p>
    <p class="albumDesc">{dsAlbums::@description}</p>
    </div>
    </div>
    <div id="previews">
    <div id="galleries" spry:detailregion="dsAlbums" spry:if="{ds_RowCount} &gt; 1">
    <div>
    <p class="descTitle">Viewing Album:</p>
    <select name="select" id="gallerySelect" onchange="dsAlbums.setCurrentRowNumber(this.select edIndex);" spry:repeatchildren="dsAlbums">
    <option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{@title}</option>
    <option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}">{@title}</option>
    </select>
    <p class="descTitle" spry:if="'{@description}' != ''">Description:</p>
    <p class="albumBookDesc" spry:if="'{@description}' != ''">{@description}</p>
    </div>

    </div>
    <div id="controls">
    <ul id="transport">
    <li><a href="#" onclick="StopSlideShow(); AdvanceToNextImage(true); return false;" title="Previous">Previous</a></li>
    <li class="pausebtn"><a href="#" onclick="if (gSlideShowOn) StopSlideShow(); else StartSlideShow(); return false;" title="Play/Pause" id="playLabel">Play</a></li>
    <li><a href="#" onclick="StopSlideShow(); AdvanceToNextImage(); return false;" title="Next">Next</a></li>
    </ul>
    </div>
    <div id="thumbnails" spry:region="dsSlides dsAlbums">
    <div spry:repeat="dsSlides" onclick="HandleThumbnailClick('{ds_RowID}');" onmouseover="GrowThumbnail(this.getElementsByTagNa me('img')[0], '{@thumbWidth}', '{@thumbHeight}');" onmouseout="ShrinkThumbnail(this.getElementsByTagN ame('img')[0]);"> <img id="tn{ds_RowID}" alt="thumbnail for {@src}" src="{dsAlbums::@path}/{@src}" width="24" height="24" style="left: 0px; right: 0px;" /> </div>
    <p class="ClearAll"></p>
    </div>
    </div>
    <div id="picture">
    <div id="mainImageOutline" style="width: 0px; height: 0px;"><img id="mainImage" alt="main image" />
    </div>
    <div align="center" id="caption" spry:detailregion="dsSlides">{@caption}</div>
    </div>
    <p class="clear"></p>
    </div>

    <!-- START SOCIALWEBWIDGET.COM CODE -->

    <style type="text/css">
    .swwback {border-top: 1px solid #777777; font-size:9px; font-family: arial; text-align: center;} .swwback a, .swwback a:hover {color: #777777; text-decoration: none;} .swwback_img_box { float:left; width:200px; height:28px; } .swwback_icon {display:block; background-repeat:no-repeat; background-position: 0 0; width:20px; height:28px; } a.swwback_icon:hover {background-position: 0 -28px; }
    </style>

    </p>
    <div style="width:180px; padding: 1px 2px 2px 1px; background: #ffffff;>

    <div class="swwback_img_box"><a href="http://www.facebook.com/pages/Guide-...0638393?ref=ts" title="My Facebook Profile" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/facebook.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" alt="My Facebook Profile" /></a></div>
    <div class="swwback_img_box"><a href="http://www.youtube.com/user/TheGuide...d?feature=mhee" title="My YouTube Profile" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/youtube.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" alt="My YouTube Profile" /></a></div>
    <div class="swwback_img_box"><a href="https://twitter.com/#!/guidetotheworld" title="My Twitter Profile" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/twitter.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" alt="My Twitter Profile" /></a></div>
    <div class="swwback_img_box"><a href="http://www.delicious.com/guidetotheworld" title="My Delicious Profile" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/delicious.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" alt="My Delicious Profile" /></a></div>
    <div class="swwback_img_box"><a href="http://www.stumbleupon.com/stumbler/guidetotheworld" title="My Stumbleupon Profile" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/stumbleupon.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" alt="My Stumbleupon Profile" /></a></div>
    <div class="swwback_img_box"><a href="http://guidetotheworld.tumblr.com/" title="My Tumblr Blog" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/tumblr.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" alt="My Tumblr Blog" /></a></div>
    <div class="swwback_img_box"><a href="http://www.examiner.com/day-trips-in-boston/jai-waltz" title="Boston Day Trips" class="swwback_icon" style="background-image:url(http://socialwebwidget.com/i/i/website-1.png);"><img src="http://socialwebwidget.com/i/i/spacer.gif" border="0" width="20" height="28" /></a></div>
    <br clear="all" />
    <div class="swwback"><a href="http://SocialWebWidget.com" title="Get Your Own Social Website Widget" target="_blank">SocialWebWidget.Com</a></div>
    </div>

    <!-- END SOCIALWEBWIDGET.COM CODE -->
    <!-- end .container --></div>

    Now to make it short, I will post the css code for the divs because it is an external stylesheet.

    #wrap {
    width: 1000px;
    padding-top: 10px;
    margin: 0 20px;
    }

    .albumDesc {
    margin-top: -15px;
    color: #666666;

    }
    .albumBookDesc {
    font-size: small;
    color: #666666;
    margin-top: -13px;
    }
    .descTitle {
    font-size: small;
    color: #999999;
    }

    .albumName {
    font-size: large;
    }

    I think that is all the css you need If not,lt me know and I'll update

    Thank yu for your input!

  2.  

  3. #2
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    Wow this is kind of messy... Can you upload to a free host like 000webhost so we can have a look?
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  4. #3
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Give the wrap div a height attribute... Not seeing one, some browsers will allow other divs to step on other divs that are not defined.

    I always try to encourage users to define at least:
    Height
    Width
    Margins ( even if 0 )
    Padding ( even if 0 )

    If they are not defined in the CSS, then the browser will use it's defaults for those elements or worse yet, it will guess ( and it's usually wrong )

  5. #4
    Junior Member
    Join Date
    Jan 2012
    Posts
    2
    Member #
    30545
    I made the wrap be height 200px. Still same though. The site is here. http://guidetotheworld.host22.com/nyc.html
    Also now my pictures are not showing up. The directory structure is the same. But I tried to edit the xml file to show the pics as coming from 'nye2011/pic.jpg' but still it does not show up. without the pictures showing up, it's hard to see what it does,but I think once we get the entire widget to be beow the slide show the rest will fix iteslf. Well, except getting my pics tos how up which is now a second issue:/


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:35 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com