Survol d'images
Résolu/Fermé
pascalou666
-
23 févr. 2010 à 14:11
pascalou666 Messages postés 3 Date d'inscription mardi 23 février 2010 Statut Membre Dernière intervention 24 février 2010 - 24 févr. 2010 à 11:16
pascalou666 Messages postés 3 Date d'inscription mardi 23 février 2010 Statut Membre Dernière intervention 24 février 2010 - 24 févr. 2010 à 11:16
A voir également:
- Survol d'images
- Des images - Guide
- Images enregistrées - Forum Windows
- Les images enregistrées n'apparaissent plus - Forum Bureautique
- Ia qui crée des images - Accueil - Intelligence artificielle
- Google images - Guide
7 réponses
As tu regardé dans les sources de la pages??
il y a du javascript pour le survol et des css pour le positionnement des images
il y a du javascript pour le survol et des css pour le positionnement des images
bon apparament il y a du javascript que je ne maitrise pas , j'aimerais juste savoir si l'on peut le faire en mode création qui est bien plus simple pour moi
pascalou666
Messages postés
3
Date d'inscription
mardi 23 février 2010
Statut
Membre
Dernière intervention
24 février 2010
23 févr. 2010 à 15:02
23 févr. 2010 à 15:02
ben au lieu de taper du code tu créer tes pages par des menus et différent click
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bloodchecker
Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
23 févr. 2010 à 15:08
23 févr. 2010 à 15:08
tu met chaque image dans un div, tu attribut un z-index pour chaque div (mettons de 1 à 5) et pour chaque div tu cré un css du genre
div1:hover {
z-index:6; //tu donne le z-index le plus élevé
}
A tester bien sur !
div1:hover {
z-index:6; //tu donne le z-index le plus élevé
}
A tester bien sur !
pascalou666
Messages postés
3
Date d'inscription
mardi 23 février 2010
Statut
Membre
Dernière intervention
24 février 2010
23 févr. 2010 à 15:37
23 févr. 2010 à 15:37
il n'y as pas un truc plus simple du genre je met quatre photos légérement empillé puis je leurs specifie de ce mettre en premier plan lorsque l'on passe la souris dessus, car là j'avoue que aprés mettre une image dans un div aprés je ne sais pas faire
bloodchecker
Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
23 févr. 2010 à 16:18
23 févr. 2010 à 16:18
z-index sert précisément à spécifier à quel plan appartient la photo !
Voila un ptit bout de code, test le en modifiant le src des images
<style>
#div1 {
position:absolute;
left:100px;
top:100px;
z-index:1;
}
#div2 {
position:absolute;
left:300px;
top:150px;
z-index:2;
}
#div3 {
position:absolute;
left:200px;
top:200px;
z-index:3;
}
#div1:hover {
z-index:4;
}
#div2:hover {
z-index:4;
}
#div3:hover {
z-index:4;
}
</style>
<div id=div1>
<img src="/valeo.jpg" width="400px" />
</div>
<div id=div2>
<img src="/valeo.jpg" width="400px" />
</div>
<div id=div3>
<img src="/valeo.jpg" width="400px" />
</div>
Voila un ptit bout de code, test le en modifiant le src des images
<style>
#div1 {
position:absolute;
left:100px;
top:100px;
z-index:1;
}
#div2 {
position:absolute;
left:300px;
top:150px;
z-index:2;
}
#div3 {
position:absolute;
left:200px;
top:200px;
z-index:3;
}
#div1:hover {
z-index:4;
}
#div2:hover {
z-index:4;
}
#div3:hover {
z-index:4;
}
</style>
<div id=div1>
<img src="/valeo.jpg" width="400px" />
</div>
<div id=div2>
<img src="/valeo.jpg" width="400px" />
</div>
<div id=div3>
<img src="/valeo.jpg" width="400px" />
</div>
pascalou666
Messages postés
3
Date d'inscription
mardi 23 février 2010
Statut
Membre
Dernière intervention
24 février 2010
24 févr. 2010 à 11:16
24 févr. 2010 à 11:16
ohhh
super il est impec ce code est fonctionne trés bien je te remercie beaucoup bloodchecker
je vais mettre ça en oeuvre, il me reste qu'a changer le fichier source et l'emplacement des balises.
merci
super il est impec ce code est fonctionne trés bien je te remercie beaucoup bloodchecker
je vais mettre ça en oeuvre, il me reste qu'a changer le fichier source et l'emplacement des balises.
merci