source
Il s’agit de la mise en plugin spip du plugin jquery cloud zoom disponible à cette adresse http://www.professorcloud.com/mainsite/cloud-zoom.htm
Le plugin jquery cloudzoom est publié sous licence MIT
Cloud Zoom, Copyright (c) 2010, R Cecco, www.professorcloud.com
Licensed under the MIT License
Installation
L’installation se fait de manière classique (voir guide d’installation sur spip.net).
Définition des paramètres d’affichage
Un formulaire vous permet de régler vos paramètres. Vous y accédez par l’icône CFG dans la liste des plugins.
Les paramètres sont les suivants :
- zoomwidth : la largeur de la fenêtre du zoom (en l’absence de valeur définie, la largeur de la mimiature s’appliquera)
- zoomheight : la hauteur de la fenêtre du zoom (en l’absence de valeur définie, la hauteur de la mimiature s’appliquera)
- position : peut prendre 5 valeurs
- gauche
- droite
- haut
- bas
- à’l’intérieur (dans ce cas le zoom s’affiche dans la miniature)
- adjustx : décalage sur x de la fenêtre du zoom par rapport à la miniature
- adjusty : décalage sur y de la fenêtre du zoom par rapport à la miniature
- tint : lors du survol vous pouvez teinter la miniature de la couleur de votre choix. laissez vide si vous utilisez le softfocus
- tint opacity : opacité de la teinte (0 transparent à 1 opaque)
- lens opacity : opacité de la loupe (0 à 1)
- softfocus : crée un flou sur la miniature au survol de la loupe (incompatible avec tint)
- showtitle : affiche (ou non) le titre dans la fenêtre de zoom
- title opacity : opacité du bloc titre (de 0 à 1)
utilisation
Un fois installé et paramétré, il vous suffit d’ajouter une image (celle de grande taille) à votre article, puis de passer celle-ci en mode document (ajouter au portfolio), lui joindre une vignette personnalisée (la miniature).
2 modèles sont utilisables
Un modèle pour une seule image
Pour insérer la miniature dans l’article utilisez
variante de
Bien sur vous pouvez lui passer en paramètre (left/right/center)
Un modèle pour plusieurs images
Une galerie d’image zoomable peut être appelé par le modèle suivant
où XX YY ZZ est le numéro du document appelé. Ils doivent être séparés par des virgules.
limite
La largeur et la hauteur du bloc de zoom ne peut excéder la largeur et la hauteur du bloc conteneur.
Mise à jour
avril 2012 :
- Le plugin a été mis à jour afin d’assurer la compatibilité avec spip 2 comme spip 3. Pour celà, il abandonne l’utilisation de CFG pour le paramétrage.
- ajout d’un second modèle
Version 2.0.1
RSS 2.0
Vos commentaires
# Le 8 mai à 20:12, par Lucie
En réponse à : Cloudzoom
Bonjour, je souhaite utiliser ce plugin mais l’appeler dans un squelette, sur une image logo et non une image dans un article.
Est-ce faisable ?
# Le 13 mai à 19:02, par Yves Costiou
En réponse à : Cloudzoom
Bonjour,
Sans m’être vraiment penché, je pense pouvoir dire que c’est possible. Il suffit à mon avis d’adapter le code contenu dans le modèle doc_zoom avec une boucle adaptée à l’objet produit et débarrassée de paramètres inutiles (comme mode image ou doc).
J’espère que cela orientera vos recherches
Répondre à ce message
# Le 8 mai à 22:14, par Lucie
En réponse à : Cloudzoom
Bonjour à tous,
J’espère que vous pourrez m’aider, je cherche à pouvoir intégrer le zoom sur un squelette, ici :
J’ai bien téléchargé le plugin mais je n’arrive pas à l’adapter...
Une piste ?
Merci d’avance pour vos lanternes.
Répondre à ce message
# Le 8 mai à 20:56, par Lucie
En réponse à : Cloudzoom
Bonjour,
Est-il possible d’intégrer le zoom à une boucle dans un squelette ?
Merci pour votre aide.
Répondre à ce message
# Le 12 août 2013 à 17:30, par Pierre KUHN
En réponse à : Cloudzoom
Bonjour
Est ce qu’il est prévu de le mettre sur le portfolio ? J’ai commencer à regarder mais je bloque.
Répondre à ce message
# Le 13 décembre 2012 à 22:46, par a56330
En réponse à : Cloudzoom
Bonjour,
J’ai une erreur à l’installation :
numéro : 1
message : Filtre sinon_interdire_acces non défini
squelette : ../plugins/cloudzoom/prive/exec/configurer_cloudzoom.html
Boucle : /
Ligne :
Le plugin ne fonctionne pas.
Je suis en version SPIP 2.1.8 [16966]
Répondre à ce message
# Le 12 juin 2012 à 16:09, par gs
En réponse à : Cloudzoom
Bonjour,
Cloudzoom fonctionnait avec les versions suivantes :
Cloudzoom 2.0.1 - en test
SPIP 2.1.12 [18732]
Sarka-SPIP 3.0.8 [54368]
On m’informe aujourd’hui que cela ne marche plus. Je fais le même constat.
J’ai comme hébergeur Free ??
Merci de m’aider
Cordialement
http://jo.randos.free.fr/spip.php?rubrique20
# Le 12 juin 2012 à 16:50, par gs
En réponse à : Cloudzoom
Bonjour : je me réponds en me tapant sur les doigts.
Il s’agit d’un pb de cookies qu’il faut autoriser.
Désolé !
Cordialement
# Le 12 juin 2012 à 18:48, par gs
En réponse à : Cloudzoom
Re-bonsoir
Désolé d’encombrer le forum mais je préfère être clair. Ce n’est pas un pb de cookies mais j’étais repassé (comment je ne sais pas) sous IE (donc ça marche pas). Je suis revenu sous Firefox et c’est parfait
Bonne soirée
Cordialement
# Le 13 juin 2012 à 00:18, par Yves Costiou
En réponse à : Cloudzoom
SI ca marche, c’est parfait !
Bonne continuation
Répondre à ce message
# Le 15 novembre 2010 à 19:46, par Reyatem
En réponse à : Cloudzoom
Fonctionne super avec Chromium et Firefox mais pas avec IE 9. Décidément Microsoft... Super plugin que je vais utiliser en sciences, merci !!!
# Le 15 novembre 2010 à 20:12, par Yves Costiou
En réponse à : Cloudzoom
je m’en vais de ce pas intaller un IE9 pour le test , mais j’ai pu tester sous IE 8 et ça passait
# Le 15 novembre 2010 à 20:19, par Yves Costiou
En réponse à : Cloudzoom
je me réponds à moi-même ! c’est mort pour tester sous IE9, dont la beta n’est disponible que sous vista ou 7. or seul un xp sous la main
# Le 4 janvier 2012 à 15:35, par soulier
En réponse à : Cloudzoom
Bonjour,
Sous IE9 il semble que ce superbe plugin ne fonctionne pas ,
Une évoluton est-elle prévue ? Beaucoup d’internautes utilisent IE et non Fifefox
Merci
# Le 4 janvier 2012 à 18:10, par Reyatem
En réponse à : Cloudzoom
Finalement fonctionne sous IE9, il faut le mettre en mode affichage de compatibilité.
# Le 4 janvier 2012 à 20:49, par Soulier
En réponse à : Cloudzoom
Bonsoir
Le mode affichage de compatibilité ne change rien
Merci
voir
cordialement
# Le 5 janvier 2012 à 09:51, par reyatem
En réponse à : Cloudzoom
Si, cela change, mais pas avec Sarka-SPIP 3.0.8 [54368], car la configuration de spip n’est plus la même. Il faut configurer autrement. Va voir par exemple « Une nouvelle version beta de SPIP 3 vient de sortir. C’est la seconde à ce jour. Pour ceux qui le souhaitent [1], vous pouvez tester cette nouvelle version en téléchargeant et en installant SPIP 3 beta 2 avec le zip présent sur files.spip.org »
# Le 5 janvier 2012 à 10:21, par Soulier
En réponse à : Cloudzoom
Bonjour
Merci beaucoup
Je n’ai pas de site vraiment de test alors je vais patienter jusqu’à la version de production définitive.
Bonne journée
Cordialement
# Le 11 avril 2012 à 16:40, par Yves Costiou
En réponse à : Cloudzoom
Une version compatible SPIP2/SPIP3 sort prochainement. tout est prêt, il ne reste plus qu’à commiter sur la zone.
# Le 14 avril 2012 à 09:45, par Yves Costiou
En réponse à : Cloudzoom
version spip 3 dispo en test (rev 60356)
Répondre à ce message
# Le 1er août 2011 à 19:50, par Soulier
En réponse à : Cloudzoom
Bonjour
Superbe plugin
Je suis très intéressé par votre évolution programmée de :
Permettre de passer des paramètres au modèle pour modifier ponctuellement les valeurs renseignées via CFG
Avez-vous une date prévisionnelle de mise à disposition ?
Merci
Cordialement.
# Le 2 août 2011 à 07:59, par Yves Costiou
En réponse à : Cloudzoom
J’avoue que je ne sais pas exactement quand j’aurais le temps de m’y mettre. Différentes raisons m’empêchent en ce moment de m’investir comme je le voudrais. J’espère fin août début septembre, mais le plugin est sur la zone alors quelqu’un veut le modifier, aucun problème.
Je suis sincèrement désolé mais pour l’instant je ne peux pas dire mieux
# Le 7 décembre 2011 à 08:36, par ?
En réponse à : Cloudzoom
Bonjour,
Y aurait-il une incompatibilité entre Cloudzoom et la versio SPIP 2.1.12 (18732), SARKA 3.0.8 (54368) car la vignette docxx miseen portfolio ne se réduit pas à l’affichage.
Exemple
Merci d’avance
Cordialement
# Le 7 décembre 2011 à 09:49, par Yves Costiou
En réponse à : Cloudzoom
Bonjour,
La vignette personnalisée utilisée ne bénéficie pas de traitement automatique. En attendant mieux, il vous faudra utiliser un éditeur externe pour créer une miniature de votre image.
... il faut vraiment que je prenne le temps de le retravailler...
Cordialement
# Le 7 décembre 2011 à 10:02, par ?
En réponse à : Cloudzoom
Re-Bonjour
J’avous n’être qu’’un utilisateur lambda et ne pas tout comprendre.
Sur un site ça marche
site1
Sur un autre site ça marche pas et je crois pourtant faire la même chose
Site2
Désolé de vous déranger mais ce plugin est tellement superbe
Cordialement
# Le 7 décembre 2011 à 10:39, par Yves Costiou
En réponse à : Cloudzoom
En regardant vos deux exemples, l’une de vos vignette personnalisées (site1) est de taille réduite (150*111 px), l’autre (site2) est beaucoup plus grande (800*724 px).
Mon conseil en l’état serait de créer la vignette (avec gimp par exemple) avant de la placer sur le site
# Le 7 décembre 2011 à 15:50, par ?
En réponse à : Cloudzoom
Merci de me répondre mais je ne comprends toujours pas aussi je suis désolé de vous déranger. et là ça marche pas ?
Site 1
j’ai déposé l’image dans le portfolio (1400*1035) et je l’appelle dans la rubrique par
et là ça marche..
Site 2
j’ai déposé l’image dans le portfolio (800*1974) et je l’appelle par
A priori je n’ai qu’une image et je ne fais pas le lien entre vignette et image ???
Cordialement
# Le 7 décembre 2011 à 16:52, par Yves Costiou
En réponse à : Cloudzoom
En fait la procédure est de déposer l’image (grand format) dans le portfolio PUIS d’y adjoindre une vignette personnalisée (une miniature de votre image que vous aurez préalablement préparé (réduit).
Je ne sais pas si celà vous éclaire ... tenez-moi au courant
# Le 7 décembre 2011 à 17:28, par gs
En réponse à : Cloudzoom
Merci mille fois de votre patience et de votre compréhension
CA MARCHE PARFAITEMENT
Cordialement
Répondre à ce message
# Le 7 juin 2011 à 06:29, par norbi90160
En réponse à : Cloudzoom
Bonjour,
Intéressé par ce plugin j’essaie de le mettre en application.
La taille de la vignette correspond à celle définie par défaut dans les paramètres avancés (150 px dans mon cas).
Je voudrais savoir, s’il était possible de forcer temporairement la taille de la vignette avant d’appliquer le zoom ?
Merci de votre retour.
# Le 7 juin 2011 à 22:30, par Yves Costiou
En réponse à : Cloudzoom
Bonjour,
En l’état le plugin ne prévoit pas de pouvoir personnaliser la taille de miniature.
mais je vais remettre le nez dedans ce WE si je peux
Répondre à ce message
# Le 10 mars 2011 à 23:19, par ?
En réponse à : Cloudzoom
Comment fait-on pour ajouter un lien attaché à l’image ?
Merci
# Le 11 mars 2011 à 23:48, par Yves Costiou
En réponse à : Cloudzoom
En l’état, il n’y en a pas ...
Répondre à ce message