Welcome to WebmasterWorld Guest from 3.80.4.76

Forum Moderators: open

Message Too Old, No Replies

rotating image html question

     
3:31 pm on Aug 21, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 23, 2003
posts:50
votes: 0


Quick question from a newbie. I'd like the image on my homepage to rotate with for or so different products that I carry. Is this possible? Is it just a special html? If so, can anyone point me in the direction for learning more about this? Gratefully, Renee

Clarify...I don't want the image to rotate around on the page, I want one image to be shown for a few seconds and then another image replaces it.

3:37 pm on Aug 21, 2003 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 27, 2001
posts:12172
votes: 61


Hello Renee, this is usually done with a piece of javascript. You might want to search your favorite SE for "rotating images script" or something similar. There are quite a few of them out there.
7:21 pm on Aug 21, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 20, 2002
posts:3732
votes: 0


Why not use an animated gif for this?
11:16 pm on Aug 21, 2003 (gmt 0)

Senior Member from FR 

WebmasterWorld Senior Member henry0 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Apr 19, 2003
posts:4449
votes: 11


I use that one
it rotates 3 pic
you can figure how to tweak it to your need

IN the Head
<!-- PreLoad Show -->
<script language="JavaScript">
var myimages=new Array();
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image();
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("img/mild.jpg","img/medium.jpg","img/hot.jpg")
</script>

<!-- Show -->
<script language="JavaScript1.1">
<!--

var slideimages=new Array()

function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){

}
//-->
</script>

In Body
<!-- Start show -->
<img src=" " name="slide" height="133" width="329" border="0"></a>
<script>
<!--
slideshowimages("img/mild.jpg","img/medium.jpg","img/hot.jpg")

var slideshowspeed=3500

var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>

9:34 am on Aug 22, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 26, 2003
posts:881
votes: 0


I have a very nice slideshow template that I wrote just earlier today for my little brother (he wanted a dinosaur slideshow...he loves the BBC shows about walking with dinosaurs and all that...but I digress).

It's pretty fancy pantsy and may be more than you are wanting (variable speed, bi-directional, manual advance and decline, zoom in and out, works in IE / NN / Opera). It is about 200 lines of code and HTML (bit less if I despace it for posting), so I don't want to post it unless needed.

So let me know if you want it.

Jordan

10:16 am on Aug 22, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:June 17, 2003
posts:50
votes: 0


Hi Renee,

you can also make a flash movie and embed it in the source of your page. If you are not so familiar with this, you can buy SWiSH 2 (http://www.swishzone.com). This is a low cost version similar to Flash. Success.
Karl

7:25 pm on Aug 22, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Aug 3, 2003
posts:161
votes: 0


My banner on <snip> does that. I also added a transition effect. Feel free to use the code if you'd like.

You could also do this with PHP or some other Server-side language.

[edited by: korkus2000 at 7:30 pm (utc) on Aug. 22, 2003]
[edit reason] No personal URLs please [/edit]

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members