Sujet Précédent Sujet Suivant

Urgent: galerie en JavaScript

Résolu/Fermé
hautvalaisan Messages postés 9 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 7 avril 2009 - 8 août 2008 à 14:12
 coenonympha - 8 août 2008 à 23:35
Bonjour,
en fait, j'avais promis au Webmaster de mon groupe scout de l'aider à améliorer sa galerie d'images en lui faisant une qui a le répertoire en scroll dessous, et (grâce au JavaScript) quand on passe la souris dessus l'image apparaît au dessus.

Mais le problème, c'est que je suis encore débutant en Javascript, alors est-ce que quelqu'un pourais m'expliquer comment manier "OnMouseOver" stp?

merci beaucoup de répondre!

4 réponses

Réponse 1 / 4
coenonympha
8 août 2008 à 23:35
Je t'ai fait un script ainsi qu'une page html de test, essaye ça :

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Galerie simple</title>
<script type="text/javascript">
function galerie(source,description) {
var image=document.createElement("img");
image.src=source;
image.alt=description;
document.getElementById('affichage').appendChild(image);
}
function enlever() {
var noeud=document.getElementById('affichage').lastChild;
document.getElementById('affichage').removeChild(noeud);
}
</script>
</head>
<body>
<div><img src="clavier.jpg" alt="Photo dun clavier" onmouseover="galerie('clavier.jpg','Photo dun clavier');" onmouseout="enlever()" id="plage"/>
<br/><br/><br/>
<div id="affichage"></div></div>
</body>

---------------------------------------------------------------------------------------------------------------------------

Donc voilà, biensur tu remplaces "clavier.jpg" par l'adresse de ton fichier source et "Photo d'un clavier" par ta description et normalement le tour est joué.

Au plaisir
1
Réponse 2 / 4
coenonympha
8 août 2008 à 14:18
Salut,

Le plus simple si tu es novice en javascript est d'utiliser une librairie JS préfaite. Cela te permet d'appeler des fonctions déjà définies et de gagner un temps considérable. Je peux te donner le nom d'une des meilleures : jQuery que tu trouveras sur http://www.jquery.info . Cette librairie possède des fonctions prêtes à l'emploi pour les galeries d'images.

Tu dois te demander si utiliser ce genre de librairie, cela enlève l'originalité de ton site : Pas du tout, cela reste totalement personnalisable.

Voilà, bonne chance
0
Réponse 3 / 4
garf
8 août 2008 à 14:25
un script à adapter
http://www.dynamicdrive.com/dynamicindex4/imageselector.htm
0
Réponse 4 / 4
hautvalaisan Messages postés 9 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 7 avril 2009
8 août 2008 à 14:41
merci beaucoup pour ces réponses mais je rechercherais plutôt un troc comme ceci parce que j'ai rien compri aux sript:

<img src="file:///C:/Users/hautvalaisan/Documents/emploi/clavier.jpg"alt="Photo d'un clavier" onmouseover="javascript:document.getElementById('affichage').style.background='blue';" id="plage"/>

explication: quand je passe la souris sur l'image file:///C:/users/... le cadre que j'ai nommé "affichage" devient bleu.
mais le problème, c'est que je voudrais que le cadre "affichage" devient l'image dont j'ai passé la souris dessus.

est-ce que quelqu'un pourrait me modifier ce script

Ps: dsl de ne m'avoir pas être bien exprimé tout à l'heure
0