chrometweaks.org

Free iPage web hosting site that still uses html?

Click Here To View All Answers...


Quick question: Free iPage web hosting site that still uses html? Thanks for any response. My other question... I have a high school football iPage website that I run. I would like to make my banner on the top of my page have images that change periodically..

What it would look like is, there would be one image, then another would pop up in it's place, then another would follow, etc..

Is this possible using HTML?.

Here is the link to my page..

Valencia Football.

I'd like to make the two pictures in my banner change to two other different pictures and so on..

Your help would be extremely appreciated!.

Thanks!..

Comments (7)

I would like to know the answer too. Anyone here know what is the answer. I'll do some poking around and get back to you if I discover an good answer. You should email the people at iPage as they probably could answer your iPage question..

Comment #1

Heres the javascript to do it...no animated gifs!.

Place this between the <HEAD> and </HEAD> tags.

<script language="JavaScript1.1">.

<!.

Var slideimages=new Array().

Var slidelinks=new Array().

Function slideshowimages(){.

For (i=0;i<slideshowimages.arguments.length;i++){.

Slideimages[i]=new Image().

Slideimages[i].src=slideshowimages.arguments[i].

}.

}.

Function slideshowlinks(){.

For (i=0;i<slideshowlinks.arguments.length;i++).

Slidelinks[i]=slideshowlinks.arguments[i].

}.

Function gotoshow(){.

If (!window.winslide||winslide.closed).

Winslide=window.open(slidelinks[whichlink]).

Else.

Winslide.location=slidelinks[whichlink].

Winslide.focus().

}.

//>.

</script>.

Place this anywheres between the <BODY> and </BODY> tags.

<a href="javascript.

:gotoshow()"><img src="food1.jpg" name="slide".

Border=0 width=300 height=375></a>.

<script>.

<!.

//configure the paths of the images, plus corresponding target links.

Slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","foo.

D5.jpg").

Slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285.

","http://food.epicurious.com/run/recipe/view?id=10092","http://food.

.epicurious.com/run/recipe/view?id=100975","http://food.epicurious..

Com/run/recipe/view?id=2876","http://food.epicurious.com/run/recip.

E/view?id=20010").

//configure the speed of the slideshow, in miliseconds.

Var slideshowspeed=2000.

Var whichlink=0.

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>..

Comment #2

Wow, nice one; links and everything! Q: does that have to be run with set width/height (i.e., does every image have to be the same size)? I mean if you take out the sizing attributes in the <IMG> tag? ...and i'm guessing that if they do, scrunchage will occur if they're not?..

Comment #3

Transmothra.

Yes...but if you want banners to show, they r mosty 486 x 60 anyways (i think) so I dont think theres a problem there for what the guy wanted.

Scoutt.

Well if you really need to use it, you should try again!.

Lol but it worked for me, and I dont see y it wouldnt work for you unless you did sumthing wrong?..

Comment #4

I copied the text and loaded my images and it didn't rotate or slide like it should..

In fact I get an error on line 22.

Edit: ahh nevermind, it is late....

Comment #5

Hey DANDAR,.

It worked!!.

Thanks a million!!!.

That is awesome!.

Now I just need to figure out how to put two of these animations on each side of a single image/banner...

Comment #6

Not sure if you were replying to me, but if so.......

I want to make two areas of animation on each side of my banner. Here it is........

I'd like to animate the two pictures on each side of the banner...

Comment #7

Im still not 100% sure about what you mean...but I think I know...and why dont you just use the <td> and </td> tags to do it? you can just use the same code, except take the link part out of it like this: (this is just the body part of the script, you will still have to use the head part pasted above).

Place this anywheres between the <BODY> and </BODY> tags.

<a href="java script:gotoshow()"><img src="food1.jpg" name="slide".

Border=0 width=300 height=375></a>.

<script>.

<!.

//configure the paths of the images, plus corresponding target links.

Slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","foo.

D5.jpg").

//configure the speed of the slideshow, in miliseconds.

Var slideshowspeed=2000.

Var whichlink=0.

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>..

Comment #8


This question was taken from a support group/message board and re-posted here so others can learn from it.