Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS  - Manipulation JS et Fancybox
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Manipulation JS et Fancybox

 Répondre Répondre
Auteur
Message
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9880
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Sujet: Manipulation JS et Fancybox
    Envoyé : Apr 10 2015 à 1:50pm
Salut à tous

J'essaye d'adapter au mieux fancybox à un projet en cours.
A la base, un simple cadre avec une image en fond, et avec en hover une autre image.
Jusque là, pas de souci.
Je veux associer Fancybox et garder la fonction hover.
Mes essais actuellement sans réussite.

Essai 01:
Bloc de code (visuel) :
<a class="fancybox" rel="group" href="/Files/Image/collection/IMG002.jpg"><img src="/Files/Image/collection/IMG002.jpg" alt="" /></a>

J'appelle les fichiers dans le header pour faire fonctionner Fancybox. Pas de souci, tout fonctionne.
J'ai essayé de mettre au bloc de code une image de fond en normal et en hover, ca ne change pas.
Pas trouver sur le site de Fancybox la fonction hover éventuellement.

Essai 02:
Une image lien avec l'image normale et l'image au survol.
Comme lien, j'ai mis ceci :
myZoom('WE1f43cf114b')

Lien bien entendu en JS et non http, et l'ID correspond à mon bloc de code fancybox cité plus haut.

Ensuite un bloc de code (source) en JS/Header:
$(document).ready(function() {
$(".fancybox").fancybox();
});

Mais cela ne fonctionne pas non plus. Une autre piste peut être?

Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5392
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Apr 10 2015 à 3:08pm
Hummm ....

Oui, mais non. Je vais laisser d'autres répondre, sinon ça ne va tourner qu'entre nous deux !

Tongue

Big smile

Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: May 31 2012
Status: Inactif
Points: 13998
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Apr 10 2015 à 3:24pm
Je pense que pour FancyBox, vous pouvez simplement utiliser un element Lien Simple, mettre un Classe Perso "fancybox" sur la Zone "Texte du lien" (dans Styles->Personnalisation, pas dans Proprietes) et mettre le lien vers l'image - taper/coller l'URL genre "/Files/Image/fonds/HISTOIRE.jpg" et choisir LOCAL au lieu de HTML a cote. Ensuite vous pouvez mettre le style que vous voulez, les images de fond au survol etc.
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4881
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Apr 10 2015 à 4:26pm
Message posté par Larsene Larsene a écrit:

Hummm ....

Oui, mais non. Je vais laisser d'autres répondre, sinon ça ne va tourner qu'entre nous deux !

Tongue

Big smile



On va les marier, à la plage à Nice (l'Alsace c'est trop froid) en short cariiiibîîîch!
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne