PDA

View Full Version : Ultimate Fade-in slideshow (v2.4) problems



organza
09-28-2011, 11:57 PM
Hello,

this is my first post on here and its asking for help a bit cheeky I know but this JS has been driving me mad!!! can anyone please put it into a functioning code that I can just copy and paste as im really confused by it.

the site im trying to get it to work on is www.organzagiftbag.co.uk

I already have a basic JS image slide but want to update it with the above.

any help would be great

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

I would like to be able to use the peekaboo option with the pop up text being able to be linked to pages on my site, if it helps the size I require is 935x300


Regards
Steve

jscheuer1
09-29-2011, 04:49 PM
That doesn't make too much sense. The 'peekaboo' option is sort of a tease, it pops up and down regardless of whether or not the mouse is over the slideshow. More sensible choices for a linked description would be 'ondemand' or 'always'.

But if the displaymode pause setting is high enough, say 6000 or more, 'peekaboo' might not be too bad.

Whatever descreveal you use though, the way to link the description is with more or less ordinary HTML. Here in the imagearray, the description (if any) is always the forth item:


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!
],

Let's take a closer look at the first one:


"Nothing beats relaxing next to the pool when the weather is hot."

First thing to do is change the " marks to ' marks:


'Nothing beats relaxing next to the pool when the weather is hot.'

Now you can put an ordinary HTML link in there:


'Nothing beats <a href="http://www.relax.com/">relaxing</a> next to the pool when the weather is hot.'

Or link the entire thing:


'<a href="http://www.pool.com/">Nothing beats relaxing next to the pool when the weather is hot.</a>'

You can use a target attribute, anything really that an ordinary HTML link can have. The only difference is that if you have an ' mark anywhere inside, it must be escaped with a \ slash:


'There\'s nothing beats <a href="http://www.relax.com/" onclick="alert(\'Bye!\');">relaxing</a> next to the pool when the weather is hot.'

organza
09-29-2011, 05:14 PM
Hello,

Thank you very much for the reply, I now have it working finally!! Thank you very much

organza
09-29-2011, 05:31 PM
Would it be possible to include a img zoom function on mouseover?

windytiger
11-23-2011, 02:55 PM
Hi jscheuer1


That doesn't make too much sense. The 'peekaboo' option is sort of a tease, it pops up and down regardless of whether or not the mouse is over the slideshow. More sensible choices for a linked description would be 'ondemand' or 'always'.

But if the displaymode pause setting is high enough, say 6000 or more, 'peekaboo' might not be too bad.

Whatever descreveal you use though, the way to link the description is with more or less ordinary HTML. Here in the imagearray, the description (if any) is always the forth item:


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!
],

Let's take a closer look at the first one:


"Nothing beats relaxing next to the pool when the weather is hot."

First thing to do is change the " marks to ' marks:


'Nothing beats relaxing next to the pool when the weather is hot.'

Now you can put an ordinary HTML link in there:


'Nothing beats <a href="http://www.relax.com/">relaxing</a> next to the pool when the weather is hot.'

Or link the entire thing:


'<a href="http://www.pool.com/">Nothing beats relaxing next to the pool when the weather is hot.</a>'

You can use a target attribute, anything really that an ordinary HTML link can have. The only difference is that if you have an ' mark anywhere inside, it must be escaped with a \ slash:


'There\'s nothing beats <a href="http://www.relax.com/" onclick="alert(\'Bye!\');">relaxing</a> next to the pool when the weather is hot.'

I too am a newbie and love the site. I'm a little confused with image overlaps, i.e. sending the image to the back, or allowing another image to be on top. I have categorys running along the top of my site and they have drop down bars when you move cursor onto it, which displays the subheadings. These do now not show with this mod. Is there an easy fix?

Many thanks
Paul