Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Apparition d'image à une position aléatoire

3 réponses
Avatar
JièL Goubert
Bonjour à tous

je cherche un script pour afficher une image (toujours la même)
aléatoirement mais toujours sur le même axe horizontal

dit différement : selon la résolution d'écran du "client", en haut de la
page, afficher une image a une position aléatoire verticalement.

Merci d'avance si vous pouvez me dire ou trouver ceci, ou si un courageux
veux bien me donner un peu de son temps pour ecrire ce script.

Cordialement
--
JièL

3 réponses

Avatar
JièL Goubert
Bonjoir(c) JièL Goubert

tiens je me parle à moi même ;-))) cool

bon, mon pb n'as pas soulevé les foules, alors voici ce que j'ai réussi à
faire en m'inspirant TRES largement d'un script existants
http://www.poussiki.com/javascript/afficher.php?idscript6

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">

iPoisson_Sauteur = new Image;
iPoisson_Sauteur.src = "c:poisson_saute2.gif";
function Poisson_Saute(){
Pos_Poisson.left = Math.round(Math.random()*(screen.width-210));
Attend = setTimeout('Poisson_Saute()', 2200);
}
</SCRIPT>

<STYLE TYPE="text/css">
<!--
#Pos_Poisson {
position:absolute; top:000px; left:000px; z-index:1;
}
-->
</STYLE>

</HEAD>

<body onLoad="Poisson_Saute()" onUnload="clearTimeout(Attend)">
<!-- DEBUT DU SCRIPT -->

<SCRIPT LANGUAGE="JavaScript">
document.write('<DIV ID="Pos_Poisson"><IMG SRC="c:poisson_saute2.gif"
BORDER=0 HSPACE=0 VSPACE=0></DIV>');
var Pos_Poisson = document.all.Pos_Poisson.style;
</SCRIPT>
<!-- FIN DU SCRIPT -->

</BODY>
</HTML>

c'est trés certainement améliorable, nottement j'ai des décallage de
temporisation, donc, si vous avez des idées, profitez-en.

Bye
--
JièL

Le 01/08/2004 18:57 vous avez écrit ceci :
Bonjour à tous

je cherche un script pour afficher une image (toujours la même)
aléatoirement mais toujours sur le même axe horizontal

dit différement : selon la résolution d'écran du "client", en haut de la
page, afficher une image a une position aléatoire verticalement.

Merci d'avance si vous pouvez me dire ou trouver ceci, ou si un
courageux veux bien me donner un peu de son temps pour ecrire ce script.

Cordialement


Avatar
Mokhet
JièL Goubert wrote:

bon, mon pb n'as pas soulevé les foules


Ehehe, faut patienter un peu sur usenet, tout est différé et en plus
c'est l'été :)

Ma solution
* validée par le validator du W3C
* vérifiée sur
- IE6
- mozilla 1.7
- firefox 0.92
- Opera 7.5.2
- Je sais plus faire pour NS4, mais c'est pas grave, NS4 est pire que
IE6, c'est pas peu dire :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Poisson saute</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<script type="text/javascript">
var Attend = null;
function Poisson_Saute(){
var X = Math.random()*(document.body.clientWidth-210);
if (document.getElementById) {
document.getElementById('Pos_Poisson').style.left = X + 'px';
} else if (document.all) {
document.all['Pos_Poisson'].style.left = X + 'px';
} else {
alert('Nav trop vieux, sais plus déplacer des layers avec NS4');
return ;
}
Attend = setTimeout('Poisson_Saute()', 100);
}
</script>

<style TYPE="text/css">
#Pos_Poisson {
position:absolute;
top:0;
left:0;
z-index:1;
width:210px;
height:150px;
background:red url(monpoisson.png);
}
</style>

</head>

<body onload="Poisson_Saute()" onunload="clearTimeout(Attend)">

<div id="Pos_Poisson"></div>

</body>
</html>

laurent

--
http://mokhet.com/

Avatar
JièL Goubert
Bonjoir(c) Mokhet

Le 05/08/2004 06:45 vous avez écrit ceci :
JièL Goubert wrote:

bon, mon pb n'as pas soulevé les foules


Ehehe, faut patienter un peu sur usenet, tout est différé et en plus
c'est l'été :)


Vi, c'est vrai qu'on avance au ralenti ;-)

Ma solution


Super... mieux que ce que j'avais fais, essayé et adopté.
Merci beaucoup Laurent
sans vouloir faire de la pub (c'est pas du tout ce que je cherche), voila ce
que ça donne http://faq.outlook.free.fr/

(regarez pas le reste, je sais qu'il n'est pas conforme au w3c etc ni
forcément compatible avec tout les navigateurs)

--
JièL