Image apparait comme MSN

Version imprimable

10/04/2006, 13h01
Dsphinx

Image apparait comme MSN

Bonjour et bon app'

Je cherche un script qui ferait apparaitre une image dans le navigateur comme lorsqu'un contact se connecte a MSN ! Il y une petite pop-up (image) qui se lève et qui signale que qqun s'est connecté...

Existe-il la même chose pour un navigateur avec une image qui se leverait lorsqu'on ouvre la page ?

J'ai regardé dans les sources et le forum mais j'ai rien vu...

Merci !
10/04/2006, 13h28
Dsphinx

En fait je voudrais qu'une image apparaisse progressivemnt du bas du navigateur et ensuite redescende gentillement !

En bref, elle monte, ensuite elle reste une dizaine de seconde et et redescend...

Lol ce que je suis compliqué !!!
10/04/2006, 13h31
SpaceFrog

un petit div bien positionné avec un display none et un petit script qui gère son déplacement ...
tout ça doit se trouer dans la :faq:
10/04/2006, 13h36
Dsphinx

sorry mais le prog javascript c'est pas ma tasse de thé ! :oops:
10/04/2006, 13h39
Dsphinx

personne n'est tombé sur un prob du genre ?
10/04/2006, 13h44
SpaceFrog

c'est pas un problème ...
10/04/2006, 13h51
Dsphinx

:roll: arrg ! j'ai googlé et j'ai rien trouvé ! super !

De ce fait, je reformule ma requête : ou puis-je trouver un tel script ??? Ou alors un script similaire que je modifirais par la suite ? (c'est mieux comme ca?)

La grenouille de l'espace va devenir le plus gros pourvoyeur de scripts en tous genres ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Bannière bas </title>
<script type="text/javascript">
var pos=-101
function launch(){
var banniere=document.getElementById('banniere')
var moveup=setInterval(function(){	
										if(pos==0){clearInterval(moveup)}
										else{banniere.style.bottom=pos;
										     pos++;}
										 },10)    
 
setTimeout(function(){
var movedown=setInterval(function(){	
										if(pos==-102){clearInterval(movedown)}
										else{banniere.style.bottom=pos;
										     pos--;}
										 },10)    
},5000)
 
}
</script>
 
</head>
 
<body style="overflow:hidden;margin:0px;">
<input type="button" onclick="launch()" value="go" />
<div id="banniere" style="position:absolute; bottom:-101px;left:0px; width:100%;background-color:red;color:white; font-size:30px;text-align:center;height:100px;width:100%;">bannière</div>
</body>
</html>

attention le body doit être en overflow:hidden...
faire attentions aux hauteurs du div pour le scroll...
le temps visible ici 5 secondes est dans le setTimeout ...

10/04/2006, 14h12
Dsphinx

lol ca marche avec IE et FF ! Nickel...

Merci mnt je vais faire que la bannière s'ouvre lorsque la page se charge et que ce soit une image !

Merci !
10/04/2006, 14h19
SpaceFrog

suffit de coller ton image dasn le div ou de remplacer le div par l'image et de lancer la focntion sur le onload ..
10/04/2006, 14h22
Dsphinx

ah bin cool ! J'ai pu mettre l'image facile (quand meme c'était easy) et mnt je vais faire ce que tu m'as dis...

Merci SpaceFrog :ave: t'es un bon gars (et un super mod) !!!!

voili comme j'ai fais :

Code:

1
2
3
4
<body onload="launch()" style="overflow:hidden;margin:0px;">
<input type="button" onclick="launch()" value="go" />
 
<div id="banniere" style="position:absolute; bottom:-151px;right:5px; width:100%;background-color:red;color:white; font-size:50px;text-align:center;height:150px;width:20%;"><img src="mon_image.gif"></div>

Ca fonctionnen nickel !!! la grande classe !

Voila que tout ceux qui ont été ennuyé !

merci !

10/04/2006, 14h49
SpaceFrog

tu peux virer le bouton :wink: