Accueil > Forum > > > > ajout d'une fonction sur le onclick + galerie highslide
ajout d'une fonction sur le onclick + galerie highslide
lundi 3 août 2009 à 11:40:36 |
ajout d'une fonction sur le onclick + galerie highslide

labobinette94
|
Bonjour à tous,
Tout d'abord je précise que je suis complètement débutante en javascript (et je "html" et "css" depuis peu. Mais ça, ça va).
Alors voilà : j'utilise une des galeries javascript highslide.
Il y a plusieurs vignettes (une vignette = une galerie). Quand on clique sur une vignette, l'image s'agrandit.
Voici le code en question :
Code HTML : <p>
<a id="thumb1" href="content/images/large/bleu1.jpg" class="highslide vignette" onclick="return hs.expand(this, { slideshowGroup: 1 });">
<img src="content/images/thumb/bleu.png" alt="Highslide JS" title="Cliquez pour agrandir" />
</a>
</p>
Je souhaiterais que, quand une des galeries a été vue, l'aspect de sa vignette soit modifié. En gros, je veux faire l'équivalent d'un "a:visited". Pour ce faire, j'ai pensé changer la classe de la vignette, ainsi ("highslide vignette" deviendrai donc "highslide dejaVu"):
Code HTML : <p>
<a id="thumb1" href="content/images/large/bleu1.jpg" class="highslide vignette" onclick="javascript:return hs.expand(this, { slideshowGroup: 1 }); document.getElementById('thumb1').className='highslide dejaVu';">
<img src="content/images/thumb/bleu.png" alt="Highslide JS" title="Cliquez pour agrandir" />
</a>
</p>
Bon, ça ne marche pas… La première fonction est exécutée, pas la seconde. Quand je teste la seconde toute seule (et en mettant dans le href "#" au lieu du lien vers l'image), elle s'exécute.
La solution est sans doute par ici mais je n'y arrive pas davantage avec ces explications (il faut dire que mon anglais est à peu près du même niveau que mon javascript).
Est-ce que quelqu'un pourrait m'aider ? Où dois-je rajouter la fonction qui change la classe ? Peut-être que ça doit passer par une variable "dejaVu" qui prend "true" comme valeur au click ? Mais comment dans ce cas faire le lien avec ma classe css ?
Voilà, beaucoup de questions, je le redis: je suis débutante. Merci par avance pour votre aide.
|
|
lundi 3 août 2009 à 11:54:01 |
Re : ajout d'une fonction sur le onclick + galerie highslide
|
lundi 3 août 2009 à 12:36:01 |
Re : ajout d'une fonction sur le onclick + galerie highslide

labobinette94
|
Merci beaucoup votre réponse.
Justement, l'image dans le href ne renvoie pas vers une page, mais vers une image.
Donc le a:visited ne fonctionne pas (car, justement, aucune autre page n'a été visitée, on reste sur la même).
Je ne peux pas changer ça, la galerie highslide fonctionne ainsi : l'image dans le href est l'image en grand format qui apparait quand on a cliqué sur le thumb.
J'utilise déjà un h:over qui fonctionne parfaitement.
J'ai déjà essayé d'inverser les 2 ordres mis dans le onClick et là, plus rien ne fonctionne.
Il faudrait probablement que j'ajoute ma fonction de changement de classe dans la fonction expand, mais je ne sais pas comment faire ça.
Voici la fonction expand :
Code Javascript : expand : function(a, params, custom, type) {
if (!a) a = hs.createElement('a', null, { display: 'none' }, hs.container);
if (typeof a.getParams == 'function') return params;
try {
new hs.Expander(a, params, custom);
return false;
} catch (e) { return true; }
},
Apparemment il est prévu qu'on puisse ajouter ses propres éléments via "custom"… Mais comment?
Merci pour votre aide.
|
|
lundi 3 août 2009 à 12:45:25 |
Re : ajout d'une fonction sur le onclick + galerie highslide
|
lundi 3 août 2009 à 13:38:27 |
Re : ajout d'une fonction sur le onclick + galerie highslide

labobinette94
|
Ben oui, mais dans ce cas le javascript ne fonctionne plus…
:-(
C'est un code que j'ai copié collé, et il fonctionne ainsi, avec une image en href.
Vu mes connaissances (nulles) en JS, et mes connaissances (toutes fraîches) en html/css j'aurais bien du mal à changer son fonctionnement.
Je vais essayer de mettre un exemple commenté en ligne d'ici ce soir (je n'ai pas le temps maintenant). Ça sera plus clair.
Merci de votre aide,
|
|
lundi 3 août 2009 à 13:52:08 |
Re : ajout d'une fonction sur le onclick + galerie highslide
|
Cette discussion est classée dans : fonction, code, url, vignette, highslide
Répondre à ce message
Sujets en rapport avec ce message
Ecrire un code Javascript dans un "tut" Javascript ? [ par honolulu ]
Salut,Je suis en train de creer un "tut" de la manière suivante : j'ai fait un array (a, b, c, d), créé une fonction affiche () {document.form.textare
Timeout [ par turlut ]
Bonjour tout le monde !J'aimerais bien créer un code javascript qui ouvre une fenêtre avec un url genre www.monsite.com/index.php?url= avec une boucl
remplacer texte sélectionné [ par eax ]
salut c encore moi je voudrais juste savoir si on peut prendre la partie sélectionnée d'un textarea, la modifier, et la remettre au même endroitje m'e
par dessous ou par dessous ...? [ par GuilleW ]
voila .. il me faudrai un code du style :z-index:'100'mais dans une fonction ... je m'explique ...disons que j'ai deux en posi
cacher le code source [ par morgandetoi06 ]
bonjour, j aimerait savoir comment faire pour cacher le code source de ma page, pour pas qu il soit visible en faisant "affichage > source" sous IE...
Nom de fonction en variable [ par Ekik ]
Bonjours,Est-il possible d'appeler une fonction dont son nom est une variable ?Je m'explique :Est-il possible de faire ceci :var nom_fonc =
Récuperer le code source d'une page [ par bolbo ]
Bonjour, Je souhaiterais savoir s'il existe un moyen de récupérer automatiquement le code source d'une page. Ce que je souhaite faire c'est un petit
svp aidez moi :( [ par morgandetoi06 ]
voila j ai une fonction qui me permet de calculer à partir d un nombre d oeufs "n" le nombres de boites que l on peut remplir en ayant le moins de per
Fonction avec parametres [ par lotr ]
Bonjour,Voila mon pb : j'utilise une fonction JS qui rend une liste selectionnable/deselectionnable selon qu'une checkbox est cochee/decochee.Ma fonct
équivalent à la fonction trim en php [ par eax ]
salut!je cherche une fonction javascript qui serait l'équivalent de la fonction trim() en php, c'est à dire qui enlève les espaces inutiles au début e
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|