Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow (v2.4) problems

  1. #1
    Join Date
    Sep 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v2.4) problems

    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/dynamici...nslideshow.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
    Last edited by organza; 09-29-2011 at 12:08 AM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    	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:

    Code:
    "Nothing beats relaxing next to the pool when the weather is hot."
    First thing to do is change the " marks to ' marks:

    Code:
    'Nothing beats relaxing next to the pool when the weather is hot.'
    Now you can put an ordinary HTML link in there:

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

    Code:
    '<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:

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    organza (09-29-2011)

  4. #3
    Join Date
    Sep 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hello,

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

  5. #4
    Join Date
    Sep 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Would it be possible to include a img zoom function on mouseover?

  6. #5
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi jscheuer1

    Quote Originally Posted by jscheuer1 View Post
    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:

    Code:
    	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:

    Code:
    "Nothing beats relaxing next to the pool when the weather is hot."
    First thing to do is change the " marks to ' marks:

    Code:
    'Nothing beats relaxing next to the pool when the weather is hot.'
    Now you can put an ordinary HTML link in there:

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

    Code:
    '<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:

    Code:
    '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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •