Demande d aide pour script zoom image |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
pat76lh
Newbie Depuis le: 07 Sep 2015 Pays: france Status: Inactif Points: 6 |
Options des messages
Thanks(0)
Envoyé : 11 Sep 2015 à 16:13 |
bjour,
je souhaite utiliser le script elevate zoom http://www.elevateweb.co.uk/image-zoom pour utiliser un inner zoom ou une partie de l image est agrandie dans l image. Or il nécessite de preciser une seconde image dans la balise image : <img id="zoom_05" src="small/image1.png" data-zoom-image="large/image1.jpg"/> Il semble qu on ne puisse modifier le code html directement . Comment peut on faire? j ai tenter avec un bloc code visuel "<img id="zoom_05" src="Files/Image/villarose%20-640x480-.jpg'" data-zoom-image="Files/Image/villarose%20-640x480-.jpg'"/> " je ne vois rien et je ne sais comment determiner l'ID.. merci de vos infos Edité par pat76lh - 11 Sep 2015 à 16:33 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6508 |
Options des messages
Thanks(0)
|
Dans son mode de fonctionnement, ce plugin requiert deux photos, l'une réduite de façon proportionnelle et l'autre d'une grandeur de zoom qui vous convient.
Quand la case "pointeur de souris" survole la petite image, la fenêtre zoom s'ouvre sur la plus grande. La fenêtre zoom est plus petite que cette dernière. L'image zoomée est glissée derrière cette fenêtre ce qui donne l'effet de fenêtre zoom. PS: j'ai tendance à éviter comme la peste les noms de pages, sites, photos et autres fichiers avec des espaces. Ces espaces se transforment en %20 Ce qui n'aide personne. Edité par Hobby001 - 11 Sep 2015 à 23:01 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6508 |
Options des messages
Thanks(0)
|
Vous pouvez peut-être essayer avec l'option scrollZoom
$("#zoom_mw").elevateZoom({scrollZoom : true}); (ceci viens de leur site) et le même fichier photo. Ça donnera peut-être le résultat attendu.
Edité par Hobby001 - 11 Sep 2015 à 19:25 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6508 |
Options des messages
Thanks(0)
|
Pour faire rouler le script:
HTML en header:
Javascript endbody:
NB
Edité par Hobby001 - 11 Sep 2015 à 22:04 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6508 |
Options des messages
Thanks(0)
|
Je me rétracte, ça fonctionne très bien avec une seule image
En revanche, ça ne fonctionne pas avec la petite image.
Edité par Hobby001 - 11 Sep 2015 à 21:03 |
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Bonjour,
Il faut mettre le code HTML d'une image dans un Bloc de Code Visuel. Sinon on peut utiliser l'element-image, trouver son ID dans Proprietes, puis dans le code ecrire ....$('#WEid_element_image img').... pour acceder la balise <img> de cet element. Cordialement D
|
|
pat76lh
Newbie Depuis le: 07 Sep 2015 Pays: france Status: Inactif Points: 6 |
Options des messages
Thanks(0)
|
De retour de vacances , je trouve vos réponses et vous en remercie grandement
je vais tester tout cela enocre merci de votre aide crdialement Pat76lh |
|
pat76lh
Newbie Depuis le: 07 Sep 2015 Pays: france Status: Inactif Points: 6 |
Options des messages
Thanks(0)
|
bon cela fonctionne...en partie
le zoom fonctionne avec les parametres dans une page de test sans autres elements. dans mon projet , il fonctionne egalement mais les parametres cursor ne sont pas pris en compte et le zoomType n accepte que le parametre "lens" et non "inner" ou windows".. et je ne comprend vraiment pas pourquoi.. <img id="WEzoomin" src="Files/Image/DSC04837.JPG" data-zoom-image="Files/Image/DSC04837.JPG" height="150"/> $("#WEzoomin").elevateZoom({ zoomType : "lens", cursor: "crosshair" }); de plus le zoom passe en dessous de l image alors qu en page test il est au dessus... mystères ... |
|
pat76lh
Newbie Depuis le: 07 Sep 2015 Pays: france Status: Inactif Points: 6 |
Options des messages
Thanks(0)
|
en mettant une opacite de l image a 50% on voit bien l image zoom en dessous
j ai testé avec z-index pour mettre l image en arriere plan sans succes.. en fait des qu il y a un template l image "zoom" est en arriere plan.. j ai testé avec divers template ..tjrs identique et cela semble etre le cas avec d autres scripts de zoom image... qu en pensez-vous? Edité par pat76lh - 01 Oct 2015 à 17:50 |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |