Bonjour,
Je fais un site pour une amie par plaisir d'apprendre (je suis styliste dans la vraie vie) donc les termes employés dans le titre ne sont peu-être pas exacts...Pardonnez moi.

Voila mon problème.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
33
<html>
<head>
<style type="text/css">
<!--
 
#accueuil {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -125px;
 margin-left: -125px;
 height: 250px;
 width: 250px;
}
-->
</style>
<script type="text/javascript" src="js/scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript">
<!--
function sceau(){
	new Effect.Opacity('principal',
 {from: 0, to: 1, duration: 2 });
}
-->
</script>
</head>
	<body>
		<?php include 'site.html'; ?>
		<input type="image" img id="accueuil" src="images/accueuil.jpg" onclick="sceau();" onmouseup="new Effect.Opacity('accueuil', {from: 1, to: 0, duration: 2 });"/>		  
 
	</body>
</html>
Ce code fonctionne... Mais l'image qui apparait, apparait en même temps que l'autre disparrait, alors que je souhaiterais faire disparraitre l'image puis faire apparaitre la div contenu dans site.html.

J'ai essayer queue, afterfinish... mais ca ne marchait pas.... Si quelqu'un avait une idée.
merci beaucoup.
ditow