BullGuard Antivirus Sale - 60% Off with 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 inverser le tri
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Sujet: Manipulation JS et Fancybox
    Envoyé : 10 Avr 2015 à 17:26
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
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Avr 2015 à 16:24
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
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Avr 2015 à 16:08
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
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Avr 2015 à 14:50
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
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.