Ultimate Fade-in slideshow (v1.5)

[woody146]

1) Script Title: Ultimate Fade-in slideshow (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: Having great problems with this script I need some help! I need to put the correct path in for the pictures to be displayed.
fadeimages[0]=["photo1.jpg", "", ""] //plain text syntax
Can someone show me the correct way of putting the path in for the photos please.

[blm126]

fadeimages[0]=["http://www.somesite.com/any/valid/URI/here.jpg", "", ""] //plain text syntax

Does that help?

[woody146]

fadeimages[0]=["http://www.somesite.com/any/valid/URI/here.jpg", "", ""] //plain text syntax

Does that help?

Thanks first bit is fine with the web site, not sure about this bit (any/valid/URI) then the last bit is the picture.

Thanks
Martin

[jscheuer1]

If the image is in the same folder as the page:

fadeimages[0]=["photo1.jpg", "", ""]

If the image is in a folder called 'images' off of the page's folder:

fadeimages[0]=["images/photo1.jpg", "", ""]

If the image is in a folder called 'images' off of the root of the domain:

fadeimages[0]=["/images/photo1.jpg", "", ""]

[hall2002]

i really need some help with this random fading image script, im using this script to display different banners, the script works like a dream but i cant add the image maps for the menu which is on the images. im using dreamweaver to edit this and when i go to the design page in dreamweaver all i see is an actionscript icon and not an image placeholder i really need this script to show a place holder so that i can add different hyperlinks to the images for the menu by drawing a rectangle map on the image, can some 1 help me with this as im new tothis and ive searched all over and cant find an answer. thanks in advance

[jscheuer1]

To the best of my knowledge, you have hit a wall as far as the design capabilities of Dreamweaver go. What you need to do is use a text editor to edit your page and view your progress in the browser. That's just for starters. You will also need to change the code for the script so that it can render the image maps in place of simply rendering the images. The most likely places to do this would be by expanding the array (fadeimages) to include key data for the image map and in the populateslide function of the script to utilize this information from the array in rendering the image maps.

This would be a tall order even for an experienced javascript coder though.

[hall2002]

how would i get the image maps on then???

could u give me a bit of code as an example so that i could try to sort this out, please i really need to be able to click on certain parts of my fading images

[blm126]

Do you require the fade effect? If not a much easier solution would be an iframe with a meta refresh. If you would like to try this I would happily provide you with more information.

[jscheuer1]

Good idea blm126. That might be able to be used with a meta tag page transition effect so that it could fade in IE, at least.

I was thinking though that it might not really be so hard to do in the fade script. But, some testing would be required in any case. Since the only thing that makes an image tag into an image map is the usemap attribute, all the maps should be able to be on the page. Then, instead of passing an href to each image, as the slide show already can do, it would be the relatively simpler matter of passing them the usemap attribute.

hall2002 - do you have a few sample banners with image maps? If you could provide a link to a demo page with at least three sets of these (three banners each with its own image map), I will see what I can do.

[jscheuer1]

Actually not as hard as I thought it might be. The script will no longer work with ordinary links as it did before. Here is a demo:

http://home.comcast.net/~jscheuer1/s...ufade_imap.htm

Use your browser's 'view source' to see the code.


Notes: The script has been altered and added to. Mouse events must be used with the maps as shown if the pausing feature is to be preserved for browsers other than IE. If you want an image to have a full image link, make an image map for it and have just one area shape rectangle cover the entire image.