PDA

View Full Version : change border of Ultimate Fade-In Slideshow



noosh4
03-06-2007, 05:16 PM
1) Script Title: Ultimate Fade-In Slideshow (v1.5)

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

3) Describe problem: border color???

Does anyone know how to change the border color (which is blue) of images in this slideshow? I can't seem to find where in the script it assigns that color. I have a feeling it is assigning blue because you have the choice to make the fading images links, but since I don't want to do that, (but I would prefer to have a thin black border) I am at a loss!

mburt
03-06-2007, 05:29 PM
Hmm. I see the border change from black to red, red then to black again. And they are all 1px wide, where do you see the blue?

jscheuer1
03-06-2007, 05:39 PM
Well, it may look different in different browsers, the way the demo is setup and also how a custom install would work. Once you are using the script, you can take control of the images style like so:


<style type="text/css">
#master0 img {
border:1px solid black;
}
</style>

Where zero is the instance of the show. If you have only 1 it is 0. The next is 1 the next 2 and so on.

noosh4
03-06-2007, 09:53 PM
mburt- I am refering to what it looks like now that I have applied it to my webpage, where it is fadeshowing 4 photographs. they are all blue to me. (thanks for replying)

john, thanks for the snippet... but I don't know where to put it? I've tried a bunch of different places but I'm not having any luck...

(this is what my code looks like in the header)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["brunmac4.jpg"]
fadeimages[1]=["perennialex.jpg"]
fadeimages[2]=["homepage3.jpg"]
fadeimages[3]=["eupatorium5.jpg"]

var fadebgcolor="566140"
(there's more below this but I don't think that's where it would go)

and then this is what my code looks like in the body... (I am not using the 2nd fadeshow)

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 299, 208, 1, 4000, 0)
new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)

</script>

jscheuer1
03-06-2007, 11:05 PM
It is css style, separate from javascript. It goes in the head before the opening script tag, ex:


<style type="text/css">
#master0 img {
border:1px solid black;
}
</style>

<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.5): Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages[2]=["photo3.jpg", "htt . . .