Ultimate Fade In Slideshow

[arueder]

I seem to be having an issue with version 2.4

When adding a description, the image fails to load and all I get is the loading animation. Any idea of what would be causing this?

Thanks,
Aaron

[jscheuer1]

Sounds like a syntax error in the description.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

[arueder]

Here is the link:
www.jpscorner.com

I have removed the description for the time being since it crashes the entire operation and I can't have that...

[jscheuer1]

I can't fix a problem that's not there. Make a copy of the page and then edit it so that it shows the problem, call it - say, index_prob.htm, and upload it to the same folder and give us a link to it.

[arueder]

Ah you make a good point sir...

Here is the dummy page.l

Aaron

[jscheuer1]

.

Your page is in violation of Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice.

You have two versions of jQuery on the page. The one in force when the slideshow is run is version 1.2.2 - not adequate for descriptions. The other (1.7.2) is OK. I question whether you need that 1.2.2 version or not. But assuming that you do, this should fix things (if you don't need it you can go ahead with these changes and at the same time get rid of the 1.2.2 version tag):

1. Using a text only editor like NotePad, comment out the noConflict directive in fadeslideshow.js as shown:
   
   

   /* Ultimate Fade-in slideshow (v2.4)
   * Last updated: May 24th, 2010. This notice must stay intact for usage 
   * Author: Dynamic Drive at http://www.dynamicdrive.com/
   * Visit http://www.dynamicdrive.com/ for full source code
   */
   
   //Oct 6th, 09' (v2.1): Adds option to randomize display order of images, via new option displaymode.randomize
   //May 24th, 10' (v2.4): Adds new "peakaboo" option to "descreveal" setting. oninit and onslide event handlers added.
   
   var fadeSlideShow_descpanel={
   	controls: [['icons/x.png',7,7], ['icons/restore.png',10,11], ['icons/loading2.gif',54,55]], //full URL and dimensions of close, restore, and loading images
   	fontStyle: 'normal 11px Verdana', //font style for text descriptions
   	slidespeed: 200 //speed of description panel animation (in millisec)
   }
   
   //No need to edit beyond here...
   
   //jQuery.noConflict()
   
   function fadeSlideShow(settingarg){
   	this.setting=settingarg
   	settingarg=null
   	var setting=this.setting
   	setting.fadeduration=setting.fade . . .

   Save that and use that version.
   
   
2. Move all of this:
   
   

   <script type="text/javascript" src="js/fadeslideshow.js">
   </script>
   <script type="text/javascript">
   
   var mygallery=new fadeSlideShow({
   	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
   	dimensions: [482, 243], //width/height of gallery in pixels. Should reflect dimensions of largest image
   	imagearray: [
   		["icons/fifth_0.jpg", "coin-slabs.html", "_parent", "A description is here"],
   ["icons/fifth2_1.jpg", "wood-coin-display-boxes.html", "_parent", ""],
   ["icons/fifth3.png", "coin-software.html", "_parent", ""] //<--no trailing comma after very last image element!
   	],
   	displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false},
   	persist: false, //remember last viewed slide and recall within same session?
   	fadeduration: 500, //transition duration (milliseconds)
   	descreveal: "ondemand",
   	togglerid: ""
   })
   </script>

   to here (reinstating the notice at the same time):
   
   

   etup("ddtopmenubar2", "topbar")
   </script>
   <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
   <script type="text/javascript" src="js/fadeslideshow.js">
   /* Ultimate Fade-in slideshow (v2.4)
   * Last updated: May 24th, 2010. This notice must stay intact for usage 
   * Author: Dynamic Drive at http://www.dynamicdrive.com/
   * Visit http://www.dynamicdrive.com/ for full source code
   */
   </script>
   <script type="text/javascript">
   
   var mygallery=new fadeSlideShow({
   	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
   	dimensions: [482, 243], //width/height of gallery in pixels. Should reflect dimensions of largest image
   	imagearray: [
   		["icons/fifth_0.jpg", "coin-slabs.html", "_parent", "A description is here"],
   ["icons/fifth2_1.jpg", "wood-coin-display-boxes.html", "_parent", ""],
   ["icons/fifth3.png", "coin-software.html", "_parent", ""] //<--no trailing comma after very last image element!
   	],
   	displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false},
   	persist: false, //remember last viewed slide and recall within same session?
   	fadeduration: 500, //transition duration (milliseconds)
   	descreveal: "ondemand",
   	togglerid: ""
   })
   </script>
   <script type="text/javascript" src="js/lightbox.js"></script>
   <script type="text/javascript" src="js/jquery-1.2.2.pack.js"></script>
   <script type="text/javascript" src="js/keyprss.js"></ . . .

That's it. The browser cache may need to be cleared and/or the page refreshed to see changes.

[arueder]

That did it thank you!