alternating pictures

slinky · Aug 6, 2007

I was a site that has alternating pictures on a timer of about 2
seconds. Does anyone know how in HTML I can accomplish this? I looked
at the code and all I coulf find was:
<img src="http://www.lancer.com/photos/newphotos/c.gif" alt="Lancer
Logo" width="105" height="139" border="0"></span><span
style="background-color:
#000000">        

Jukka K. Korpela · Aug 6, 2007

Scripsit slinky:

I was a site that has alternating pictures on a timer of about 2
seconds.

Nasty, isn't it?

Does anyone know how in HTML I can accomplish this?

Thank &Deity;, there is no way in HTML to do such things.

I looked
at the code and all I coulf find was:
<img src="http://www.lancer.com/photos/newphotos/c.gif" alt="Lancer
Logo" width="105" height="139" border="0"></span><span
style="background-color:
#000000">        

So you saw a fragment of relatively clueless markup. Of course the
alternating effect has been created with tools external to CSS, probably
some piece of crappy JavaScript. Thanks for reminding me why disabling
JavaScript is useful.

Ben C · Aug 6, 2007

Scripsit slinky:

Nasty, isn't it?

Thank &Deity;, there is no way in HTML to do such things.

So you saw a fragment of relatively clueless markup. Of course the
alternating effect has been created with tools external to CSS, probably
some piece of crappy JavaScript. Thanks for reminding me why disabling
JavaScript is useful.

It could also have been an animated gif.

Andy Dingley · Aug 6, 2007

I was a site that has alternating pictures on a timer of about 2 seconds.

A URL would have been helpful.

Does anyone know how in HTML I can accomplish this?

You can't, at least not with plain HTML / CSS alone. You will need
something else as well, although this could be very simple.

If the image is "GIF friendly" (i.e. just a bit of graphic design
flummery, not a photograph) then you could do this easily with an
animated GIF. If it's only two images and a snap change (i.e. no slow
morphing between them) then this is still quite a compact way to send
it.

If you want to use two reasonable quality photographs, i.e. using JPG
images, then use JavaScript. It's a really simple example, I'm sure
you can web search a suitable fragment. When you do this, make sure
you code it in such a way that people without JavaScript see at least
one image, or maybe both of them side-by-side.

There are other techniques, but these two are the simple and sensible
ones.

Animesh K · Aug 6, 2007

Jukka said:
Scripsit slinky:

So you saw a fragment of relatively clueless markup. Of course the
alternating effect has been created with tools external to CSS, probably
some piece of crappy JavaScript. Thanks for reminding me why disabling
JavaScript is useful.

Oh it's just an animated gif. And you can disable that too, in firefox
or IE

slinky · Aug 7, 2007

http://www.jfklancer.com/index.html was where I saw the pictures.
Thanks!

John Hosking · Aug 7, 2007

slinky said:
http://www.jfklancer.com/index.html was where I saw the pictures.
Thanks!

(In future, please don't top-post.)

The fact that this technique appears on that page is reason enough to
avoid using it. In fact, if you ever have code that resembles any part
of that site's source, change your code.

Don And Sis · Aug 7, 2007

Here is the code. each picture is on a seperate page with the code.

his part is your timer

<META HTTP-EQUIV=
"Refresh"Content="15;URL=http://url of the next page
here"><link rel="next"
href="http://url of the next pic or slide here">

There is no javasript here.

<html>
<title>Slide Show</title>
<p>
<head>
<META HTTP-EQUIV=
"Refresh"Content="15;URL=http://url of the next page
here"><link rel="next"
href="http://url of the next pic or slide here"> </head>
<p>
<body bgcolor="000000">
<p>
<br>
<center>
<table bgcolor="darkred" border="4"
width="450" height="325"> <TR
bgcolor="black">
<TD align="center">
<img
src="http://url of the pic or slide here" height="325"
width="450">
</tr></td>
</table>
</center>
<p>
</body>
</html>

Don

How can I arrange a series of radio buttons?	2	Jan 25, 2024
using refresh to reload page, problem is it loads header, footer andeverything, can I avoind those t	8	Oct 10, 2010
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
"input-group-text" help	7	Aug 10, 2023
Remove Start Button from Clock	2	Jan 16, 2021
Angularjs newbie - second JSON datasource does not display	0	May 18, 2022
Buttons lining up	1	Feb 6, 2022
How can I get my menu inside of a menu to function properly?	1	Jan 19, 2023

alternating pictures

slinky

Jukka K. Korpela

Ben C

Andy Dingley

Animesh K

slinky

John Hosking

Don And Sis

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads