PDA

View Full Version : Help with Ultimate Fade In Slideshow v2.0



Passion Fruit Design
02-24-2010, 04:21 PM
1) Script Title: Ultimate Fade In Slideshow v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:

We have been using this script with minimal options successfully for a number of years.

This is the first occasion when I'm wishing to change some of the actions of the script and my java knowledge is VERY limited! We've got a relative url associated with each image on the home page of ae.passionfruitdesign.com (currently in development).

What I want to get around is the linked page opening in a new window when the image in the slideshow is clicked on - I just want users to be directed to the linked page from within the same browser window. Is this possible?

I'd also like to disable the 'pause on mouseover' feature, as the image is rather large and it's main purpose in this instance is to enable users to be directed to different areas of the site. I tried just removing the line:

if (setting.displaymode.type=="auto" && setting.ismouseover && setting.currentstep<=setting.totalsteps){ //if slideshow in autoplay mode and mouse is over it, pause it

but this didn't work

Any help is much appreciated :)

Passion Fruit Design
02-27-2010, 05:13 PM
Is anyone able to offer any help with this?

Please....:)

ddadmin
02-27-2010, 09:24 PM
To get the links to open in the same window, simply do not define a link target when specifying the link for a particular image in your config code, for example:


var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})

In the above case, you'd remove the code in red for that particular image.

To disable the pause onmouseover feature, inside the .js file, try changing the following line:


setting.$wrapperdiv.bind('mouseenter', function(){setting.ismouseover=true}) //pause slideshow mouseover

Change true to false instead.

Passion Fruit Design
02-28-2010, 12:33 PM
Thank you so much.

I had removed the unused sets of speech marks for the target and description parameters as I didn't think they were necessary!

Thanks again,

Oli