Sequential Content Revealer img location Q

**clair** · 04-18-2007, 01:14 PM

Sequential Content Revealer
http://www.dynamicdrive.com/dynamici.../seqreveal.htm

I think this script will do what I want, but don't know what to change.
Since an animated gif will not replay in FF with a simple call to reload the page, I am trying to imitate the animated gif by displaying the images one after the other in the same place.

This script puts them one after the other down the Y axis.

Is there a way to make them all land "one on top of the other"?

Thanks much -- Or if not, does anyone know a way to replay an animation in FF?

Clair

**jscheuer1** · 04-18-2007, 01:30 PM

Well, that would actually be a slide show then, wouldn't it? There are many slide show scripts available in the DD library:

http://www.dynamicdrive.com/dynamicindex14/index.html

As for replaying an animated GIF image in FF, there may be a way but, there was a thread some time ago and none of us here could figure it out.

Perhaps using an iframe to hold the animated image and having said image on two different pages that get alternately loaded into that iframe via a cookie that tracks what the last page used was might work.

Flash is a good technique for an animation that will run on each page load.

**jscheuer1** · 04-18-2007, 01:48 PM

I was just playing around and oddly enough, this technique worked in FF:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function rl(){
window.location.reload();
}
</script>
</head>
<body>
<img src="prof3_ani_1.gif"><br>
<input type="button" onclick="rl()">
</body>
</html>

**clair** · 04-22-2007, 09:40 AM

While waiting for a reply, I played around with the code and got this to do what I want. I prefer a CSS solution if I can find one. And this works in FF2; don't know about FF1.5

Here's the setup with a style block which contains the animated gif:

<style type="text/css">
/*<![CDATA[*/

a.click {display:block; width:307px; height:90px; background:#fff url(keylevel.gif) no-repeat; overflow:hidden; cursor:default;}
a.click img {visibility:hidden;}
a.click:active {background:#CCFFFF;}
a.click:active img, a.click:focus img {visibility:visible; border: medium groove #0096BB;}

/*]]>*/
</style>

and in the body is the "Replay" link.

<a class="click" href="http://www.key-leveling.com/use.htm">Replay</a>
-------

Here's a workable link to the page:

http://www.key-leveling.com/use.htm

Thanks John -- half or maybe more, of what we learn comes from "messing about" !

Clair

**firewalker06** · 08-08-2008, 07:26 AM

I want to ask a question about this script, Sequential Content Revealer.

Will the script run even if the content, for example a DIV, hasn't fully loaded?

I want to make sure whether this script will run after the page is loaded.

**jscheuer1** · 08-08-2008, 01:46 PM

Please start a new thread for a new question. Try to give more information about the problem. I don't think I understand. However, it seems pretty clear to me that the browser cannot do anything with code it hasn't parsed yet, that would apply to any situation.

Thread: Sequential Content Revealer img location Q

Thread Tools

Search Thread

Sequential Content Revealer img location Q

Bookmarks

Bookmarks

Posting Permissions