Javascript Image Rotation? Is it the way to go?

@ne_plus_ultraNov 12.2007

I have a banner on my homesite that I created with flash. However, someone mentioned that I should try image rotation with fade transitions via javascript. I am not familiar with .js.

Are there any good free image rotation codes out there that are simple for java newbies to understand? I am not knowledgeable about the benefits of javascript for slideshows vs. flash etc.

Thanks.

to post a comment

JavaScript

@dtm32236Nov 12.2007 — #[url=http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm]this[/url] should be pretty simple to implement.... and it seems to work pretty well cross-browser/OS.

@ne_plus_ultraauthorNov 12.2007 — #[url=http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm]this[/url] should be pretty simple to implement.... and it seems to work pretty well cross-browser/OS.[/QUOTE]

Thanks. I have tried this -- and this could be a very silly question...

but how do you "Configure the array "fadeimages[]" to reference the images you want to be displayed."

the location of my images is: public/images_js/

@dtm32236Nov 12.2007 — #fadeimages[0]=["public/images_js/image1.jpg", "", ""]

fadeimages[1]=["public/images_js/image2.jpg", "", ""]

etc...

@ne_plus_ultraauthorNov 13.2007 — #fadeimages[0]=["public/images_js/image1.jpg", "", ""]

fadeimages[1]=["public/images_js/image2.jpg", "", ""]

etc...[/QUOTE]

I have attempted to set the image rotator code up and it doesn't seem to pull the images... Any suggestions?

<script type="text/javascript">

var fadeimages=new Array()

//SET IMAGE PATHS. Extend or contract array as needed

fadeimages[0]=["public/images_js/promo_1.gif"] //plain image syntax

fadeimages[1]=["public/images_js/promo_2.gif"]

fadeimages[2]=["public/images_js/promo_5.gif"]

var fadebgcolor="black"

////NO need to edit beyond here/////////////

---------------------------------HTML ----------------------------------

<body>

<script type="text/javascript">

//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)

new fadeshow(fadeimages, 563, 333, 0, 3000, 1, "R")

new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)

</script>

</body>

@dtm32236Nov 13.2007 — #first:

fadeimages[2]=["public/images_js/promo_5.gif"]

needs the other quotes, so if you don't want it to be a link, do:

fadeimages[2]=["public/images_js/promo_5.gif", "#", ""]

and if you only have one set of images doing this, you don't need the second fadeshow:

new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)

get rid of that.

Javascript Image Rotation? Is it the way to go?

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Javascript Image Rotation? Is it the way to go?

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴