Problems incorporating Ultimate Fade-in slideshow (v2.4)
1) Script Title: Ultimate Fade-in slideshow (v2.4)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm
3) Describe problem: I am unable to figure out how to get the slideshow to work on my page. I need the 4th variant on the demo page: -Manual slideshow with custom buttons, persistent description panel, and current image index/ total images info shown. What am I doing wrong?
Here is a link to the page I am working on: [Removed at User Request]
Here is the relevant (I think) code:
The slideshow works perfectly in the demo; I just cannot figure out how to incorporate it into my page. I must be leaving something out, or putting in something I shouldn't. Please help! Thanks! ellenCode:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script type="text/javascript" src="fadeslideshow.js"> /*********************************************** * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ var mygallery=new fadeSlideShow({ wrapperid: "fadeshow2toggler", //ID of blank DIV on page to house Slideshow dimensions: [468, 357], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["http:/Images/Adirondack-Birding-Center-Bird-Walk-30-June-2012-1.jpg", "", "", "Adirondack Birding: Barnum Brook from the Jenkins Mountain Trail"], ["http:/Images/Adirondack-Birding-Center-Bird-Walk-30-June-2012-2.jpg", "_new", "Caption 2"], ["http:/Images/Adirondack-Birding-Center-Bird-Walk-30-June-2012-3.jpg"], ["http:/Images/Adirondack-Birding-Center-Bird-Walk-30-June-2012-4.jpg", "", "", "Caption 4"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "ondemand", togglerid: "" }) </script> </head> <body onLoad="MM_preloadImages('Images/HomeDownRedesign.jpg','Images/AboutDownRedesign.jpg','Images/TrailSystemDown.gif','Images/EventsDownRedesign.jpg','Images/ProgramsDownRedesign.jpg','Images/ExploreDownRedesign.jpg','Images/HoursDownRedesign.jpg','Images/DirectionsDownRedesign.jpg','Images/DonateDownRedesign.jpg')"> <div class="nav" id="TopWhiteSpace"></div> <div class="container"> <div class="header"><!-- end .header --> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="102" align="absmiddle" id="FlashID" title="FlashBanner"> <param name="movie" value="BannerTest6.swf"> <param name="quality" value="high"> <param name="wmode" value="opaque"> <param name="swfversion" value="6.0.65.0"> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="../Scripts/expressInstall.swf"> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object data="BannerTest6.swf" type="application/x-shockwave-flash" width="960" height="102" align="absmiddle"> <!--<![endif]--> <param name="quality" value="high"> <param name="wmode" value="opaque"> <param name="swfversion" value="6.0.65.0"> <param name="expressinstall" value="../Scripts/expressInstall.swf"> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <div class="nav" id="TopNavBar"><div align="center"><a href="CSSTest9July2012-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','Images/HomeDownRedesign.jpg',1)"><img src="Images/HomeUpRedesign.jpg" alt="Home Page" name="Image12" width="58" height="19" border="0"></a><a href="AboutVIC.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','Images/AboutDownRedesign.jpg',1)"><img src="Images/AboutUpRedesign.jpg" alt="About the VIC" name="Image13" width="55" height="19" border="0"></a><a href="TrailMapNew.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Trail Map Navigation','','Images/TrailMapDownRedesign.jpg',1)"><img src="Images/TrailMapUpRedesign.jpg" alt="Trail Map" name="Trail Map Navigation" width="78" height="19" border="0"></a><a href="SpringEvents2012.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Events','','Images/EventsDownRedesign.jpg',1)"><img src="Images/EventsUpRedesign.jpg" alt="Events at the VIC" name="Events" width="59" height="19" border="0"></a><a href="Programs.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Programs','','Images/ProgramsDownRedesign.jpg',1)"><img src="Images/ProgramsUpRedesign.jpg" alt="VIC Programs" name="Programs" width="80" height="19" border="0"></a><a href="Bird Walks and Nature Walks.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Explore the Adirondacks','','Images/ExploreDownRedesign.jpg',1)"><img src="Images/ExploreUpRedesign.jpg" alt="Explore the Adirondacks" name="Explore the Adirondacks" width="65" height="19" border="0"></a><a href="Hours.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Hours','','Images/HoursDownRedesign.jpg',1)"><img src="Images/HoursUpRedesign.jpg" alt="Hours" name="Hours" width="56" height="19" border="0"></a><a href="Directions.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Directions','','Images/DirectionsDownRedesign.jpg',1)"><img src="Images/DirectionsUpRedesign.jpg" alt="Directions to the VIC" name="Directions" width="83" height="19" border="0"></a><a href="AboutVIC.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Donate','','Images/DonateDownRedesign.jpg',1)"><img src="Images/DonateUpRedesign.jpg" alt="Donate to the VIC" name="Donate" width="64" height="19" border="0"></a></div></div> <div class="nav" id="BelowNavWhiteSpace"></div> <div class="sidebar1"> <ul class="nav"> <li><a href="CSSTest9July2012.html">Barnum Brook Trail</a></li> <li><a href="AboutVIC.html">Heron Marsh Trail</a></li> <li><a href="Programs.html">Boreal Life Trail</a></li> <li><a href="SpringEvents2012.htm">Jenkins Mountain Trail</a></li> <li><a href="CSSTest9July2012.html">Silviculture Trail</a></li> <li><a href="AboutVIC.html">Woods & Waters Trail</a></li> <li><a href="Programs.html">Black Pond Trail</a></li> </ul> <p> </p> <!-- end .sidebar1 --></div> <div class="content"> <center> <h1 align="center" class="header"><font face="Arial, Helvetica, sans-serif" size="2"><b>Birding the Adirondacks<br>Teddy Roosevelt Bird Walk<br>30 June 2012</b></font></h1> <div id="fadeshow2toggler" style="width:468px; text-align:center; margin-top:10px"> <a href="#" class="prev"><img src="Images/left.png" style="border-width:0" /></a> <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="Images/right.png" style="border-width:0" /></a> </div>
CSS Codes
Reply With Quote
Bookmarks