Agrandissement de photo dans Zite plus

libertyweb · 28/08/2009 09:54:57

Bonjour,

J'ai trouvé un script hyper simple et très sympa à insérer dans zite, qui ne requiert aucune manip particulière pour l'utilisateur final.
Ce script d'agrandissement d'images est FancyZoom (http://www.cabel.name/2008/02/fancyzoom-10.html)
Il suffit de copier-coller le script dans le template et d'envoyer le dossier associé sur le serveur.
Ensuite lors de l'insertion d'une image dans une page, il suffit de faire un simple hyperlien dessus pour activer la fonction sur cette image.

Sauf que...
Avec la nouvelle manière de nommer le chemin des images, la manipulation n'est plus aussi simple puisqu'il faut connaitre le chemin réel de l'image.

N'y aurait-il pas une solution d'intégrer directement cette fonction dans la version zite + ?

ou alors activer ou désactiver la façon de nommer le chemin des documents.

Juste une dernière chose :
EXCELLENT TRAVAIL ET LONGUE VIE A ZITE

jpg · 28/08/2009 18:56:18

libertyweb a écrit :

Bonjour,
J'ai trouvé un script hyper simple et très sympa à insérer dans zite, qui ne requiert aucune manip particulière pour l'utilisateur final.
Ce script d'agrandissement d'images est FancyZoom (http://www.cabel.name/2008/02/fancyzoom-10.html)
Il suffit de copier-coller le script dans le template et d'envoyer le dossier associé sur le serveur.
Ensuite lors de l'insertion d'une image dans une page, il suffit de faire un simple hyperlien dessus pour activer la fonction sur cette image.
Sauf que...
Avec la nouvelle manière de nommer le chemin des images, la manipulation n'est plus aussi simple puisqu'il faut connaitre le chemin réel de l'image.

C'est le revers de la simplicité de FancyZoom, il fait des suppositions sur la façon dont les images sont stockés et peuvent être accédés sur le site. Ici, ses suppositions sont fausses.
Tu peux essayer de voir si l'auteur de ce script souhaite faire les adaptations afin de rendre sont script compatible avec les accès aux images par URL et pas seulement par accès direct aux répertoires de ces fichiers.

libertyweb a écrit :

N'y aurait-il pas une solution d'intégrer directement cette fonction dans la version zite + ?

Oui, une fonction zoom, est une idée intéressante, il faut creuser la question.

libertyweb a écrit :

ou alors activer ou désactiver la façon de nommer le chemin des documents.

Cela n'est pas à l'ordre du jour.

libertyweb a écrit :

Juste une dernière chose :
EXCELLENT TRAVAIL ET LONGUE VIE A ZITE

Et aussi à ZITEPLUS

davyk · 28/08/2009 19:29:12

salut, j'ai rencontré le même problème lorsque j'ai intégré l'impression pdf,

remplace ta div main de template.php par celle_ci:

<div id="main">
				<?php 
				$main ='<div id="main">'.$zite->content['main'].'</div>';
				$expression1 = array("index.php?doc=") ;
				$expression2 = array("zdata/zdocs/") ;
				$html = str_replace($expression1, $expression2, $main);
echo $html ?>
			</div>

++ vYk

ps: et dis-moi si ça marche..

jpg · 28/08/2009 19:30:35

jpg a écrit :

Bonjour,
C'est le revers de la simplicité de FancyZoom, il fait des suppositions sur la façon dont les images sont stockés et peuvent être accédés sur le site. Ici, ses suppositions sont fausses.
Tu peux essayer de voir si l'auteur de ce script souhaite faire les adaptations afin de rendre sont script compatible avec les accès aux images par URL et pas seulement par accès direct aux répertoires de ces fichiers.

Finalement, pas besoin de contacter l'auteur, je viens de voir cela sur son site:

Ce script est offert gracieusement par son auteur, uniquement pour les sites à but non commercial. Si vous avez un site commercial, il vous en coûtera 39$ pour acquérir la licence pour un site.

Ce produit ne sera donc jamais intégré à Ziteplus.

ps: pour mémoire Ziteplus est sous licence CeCILL-B.

a+
jean-paul

jpg · 28/08/2009 19:38:03

davyk a écrit :

salut, j'ai rencontré le même problème lorsque j'ai intégré l'impression pdf,
remplace ta div main de template.php par celle_ci:
<div id="main">
				<?php 
				$main ='<div id="main">'.$zite->content['main'].'</div>';
				$expression1 = array("index.php?doc=") ;
				$expression2 = array("zdata/zdocs/") ;
				$html = str_replace($expression1, $expression2, $main);
echo $html ?>
			</div>
++ vYk
ps: et dis-moi si ça marche..

Bonsoir davyk,
perso, je serais étonné que cela marche avec fanzyZoom car c'est du javascript et donc interprété coté client Web qui n'aura pas accès à ces répertoires.
La lib PDF que tu as testé est en php: et la ça, ta solution fonctionne comme tu l'a constaté.
mais, bon, attendons les tests

a+
jean-paul

davyk · 28/08/2009 20:15:06

je viens de tester, ça marche.
faudra juste voir à bien identifier le path du dossier ressources/

mais libertyweb va nous faire un petit tuto détaillé sur l'utilisation de fancyzoom

pour les plus pressés (ou les sceptiques ), sommairement:

dans le header rajouter:

<script type="text/javascript" src="fz/jquery.js"></script>
<script type="text/javascript" src="fz/jquery.shadow.js"></script>
<script type="text/javascript" src="fz/jquery.ifixpng.js"></script>
<script type="text/javascript" src="fz/jquery.fancyzoom.js"></script>
<script type="text/javascript">
			$(function(){
				$('#fz').fancyzoom({Speed:440,showoverlay:true,overlay:4/10});//indique l'id, ici fz, à rajouter aux liens ainsi que les options 
			});
		</script>

ensuite dans tiny insérez une image puis créez un lien vers l'image agrandie avec id="fz" à régler dans le 2è onglet de la fenêtre de lien dan tiny

voilà

++ vYk

Dernière modification par davyk (28/08/2009 20:34:19)

jpg · 28/08/2009 20:33:06

davyk a écrit :

je viens de tester, ça marche!

Avec le .htaccess qui interdit les accès direct à ces fichiers ?
parce que la, du coup, çà m'inquiète ...

ps: avec serveur local ou sur un site hébergé ?

davyk · 28/08/2009 20:35:53

pas de htaccess à la racine du site
autre indication, je suis en local (easyphp)

je vais tester en ligne et je te donne l'adresse

edit:
ne t'inquiètes pas, c'est le "allow from 127.0.0.1" du htaccess dans zdata qui m'a "enduit dans l'erreur".
du coup ça marche ne local mais pas en ligne.
faudrait voir à virer cette ligne , non? parce que là, je me suis enflammé pour rien

++

Dernière modification par davyk (28/08/2009 21:29:05)

davyk · 28/08/2009 22:08:22

non mais je rêve, le js fonctionne avec les liens du type ?doc=fichier.jpg !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
la preuve ICI
et le tout comme stipulé dans la doc!

si ça c'est pas une perte de temps!

libertyweb, ramènes ta fraise!

pour le path des images ressources, je ne chercherais PAS !

Dernière modification par davyk (28/08/2009 22:11:00)

jpg · 28/08/2009 22:28:48

davyk a écrit :

non mais je rêve, le js fonctionne avec les liens du type ?doc=fichier.jpg !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
la preuve ICI
et le tout comme stipulé dans la doc!
si ça c'est pas une perte de temps!
libertyweb, ramènes ta fraise!
pour le path des images ressources, je ne chercherais PAS !

Comme quoi, faut toujours lire la doc
le créateur du script à donc bien fait son boulot
Pour le reste, le problème de licence est toujours là

ps: le javascript n'a en lui-même aucun problème pour fonctionner avec les liens de type ?doc=fichier.jpg ... c'est certains développeurs qui ont un poil dans la main et qui ne gèrent pas correctement les URLS ... en supposant que tous les répertoires locaux sont accessibles !

jpg · 28/08/2009 22:30:44

davyk a écrit :

ne t'inquiètes pas, c'est le "allow from 127.0.0.1" du htaccess dans zdata qui m'a "enduit dans l'erreur".
du coup ça marche ne local mais pas en ligne.
faudrait voir à virer cette ligne , non? parce que là, je me suis enflammé pour rien
++

ça, c'est de l'humour ou je m'y connais pas

davyk · 29/08/2009 00:05:40

la licence jquery a écrit :

jQuery is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly.

les utilisateurs de zite(plus) pouront donc intégrer jquery sans problème de licence, pour ce qui est de ses plugins, ils se débrouilleront

jean-paul a écrit :

ça, c'est de l'humour ou je m'y connais pas

je sais elle est un peu pourrie mais, pardonnes-moi, j'étais gavé

++

[RéSOLU]

Dernière modification par davyk (29/08/2009 00:11:11)

jpg · 29/08/2009 09:25:03

davyk a écrit :

la licence jquery a écrit :
jQuery is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly.
les utilisateurs de zite(plus) pouront donc intégrer jquery sans problème de licence, pour ce qui est de ses plugins, ils se débrouilleront

Au niveau des plugsins justement,
j'ai trouvé ce lien http://www.dfc-e.com/metiers/multimedia … fancyzoom/ qui est aussi sous licence GPL (c'est ta citation de jquery qui m'a aidé , tu aurais pas utilisé cette version des fois ?)

plutôt que celui mentionné au début de ce thread et qui lui n'est pas libre http://www.cabel.name/2008/02/fancyzoom-10.html

ps: comme toujours, beau boulot

davyk · 29/08/2009 19:18:54

jpg a écrit :

Au niveau des plugsins justement,
j'ai trouvé ce lien http://www.dfc-e.com/metiers/multimedia … fancyzoom/ qui est aussi sous licence GPL (c'est ta citation de jquery qui m'a aidé , tu aurais pas utilisé cette version des fois ?)

exactement oui.
j'ai googlelisé fancyzoom et je suis tombé là dessus, je n'ai pas suivi le lien du post car je voulais voir s'il n'y avait pas un update

jpg a écrit :

ps: comme toujours, beau boulot

merci mais c'est toi qui fait du beau boulot, je ne suis qu'un humble beta testeur/contributeur du plus grand des petits cms

++ vYk

libertyweb · 31/08/2009 16:41:18

davyk a écrit :

non mais je rêve, le js fonctionne avec les liens du type ?doc=fichier.jpg !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
la preuve ICI
et le tout comme stipulé dans la doc!
si ça c'est pas une perte de temps!
libertyweb, ramènes ta fraise!
pour le path des images ressources, je ne chercherais PAS !

En effet, mais si tu renseigne Lien visible, il n'y a plus l'extension .jpg et ça ne fonctionne plus.

En revanche je vais essayer l'intégration de jquery sous une license plus adéquat avec l'esprit du projet.

Merci à tous

jpg · 31/08/2009 18:37:00

libertyweb a écrit :

davyk a écrit :
non mais je rêve, le js fonctionne avec les liens du type ?doc=fichier.jpg !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
la preuve ICI
et le tout comme stipulé dans la doc!
si ça c'est pas une perte de temps!
libertyweb, ramènes ta fraise!
pour le path des images ressources, je ne chercherais PAS !
En effet, mais si tu renseigne Lien visible, il n'y a plus l'extension .jpg et ça ne fonctionne plus.

tu peux tout à fait mettre l'extension .jpg dans un lien visible
Par exemple, c'est comme cela que tu as téléchargé ziteplus: le lien visible est ziteplus.0.8.3.zip
Le système des documents est très souple, il reste juste à documenter toutes les possibilités

libertyweb a écrit :

En revanche je vais essayer l'intégration de jquery sous une license plus adéquat avec l'esprit du projet.
Merci à tous

Bonne idée, davyk à bien débrouillé le terrain, tiens nous au courant si tu fais un tuto sur le sujet

laurent39 · 04/06/2010 14:42:56

Bonjour,

J'ai mis en place cet agrandissement.
Il faut télécharger fancyzoom-1.5.
Dans ce répertoire il y a le repertoire "fz".
Mettre fz à la racine de votre zite en ftp.
Ajouter dans le head de template.php :

</script>

puis télécharger deux versions de l'image que l'on veut agrandir : une petite et une grande
Puis faire un lien de la petite vers la grande en ajoutant les lettres fz dans le 1er champs dans l'onglet avancé.

Et normalement cela devrait marcher...

PS: bon j'ai quand même un soucis c'est que pour moi cela ne marche que sur UNE seule image par page...

Quelqu'un saurait pourquoi ?? HELP !!!!!!!!!!!!!!!

Merci

Laurent39

davyk · 04/06/2010 17:55:49

ôtes-moi d'un doute, dans l'onglet avancé il y a une case nommée id; c'est bien dans celle case que tu as mis fz?
d'ailleurs cela devrait plutôt être "class" car, si je ne me trompe, un id est unique.

Dernière modification par davyk (04/06/2010 17:57:51)

davyk · 04/06/2010 18:06:22

laurent39 · 07/06/2010 11:35:28

Bon ça y est j'ai trouvé pour appliquer à toutes les images que l'on veut :

et mettre dans l'onglet avancé des liens des petites images, dans classes : fz
et là ça roule pour toutes images...

J'espère que cela servira à d'autres...

Bonne journée à tous

Laurent39

Forum ZitePLUS

#1 28/08/2009 09:54:57

Agrandissement de photo dans Zite plus

#2 28/08/2009 18:56:18

Re : Agrandissement de photo dans Zite plus

#3 28/08/2009 19:29:12

Re : Agrandissement de photo dans Zite plus

#4 28/08/2009 19:30:35

Re : Agrandissement de photo dans Zite plus

#5 28/08/2009 19:38:03

Re : Agrandissement de photo dans Zite plus

#6 28/08/2009 20:15:06

Re : Agrandissement de photo dans Zite plus

#7 28/08/2009 20:33:06

Re : Agrandissement de photo dans Zite plus

#8 28/08/2009 20:35:53

Re : Agrandissement de photo dans Zite plus

#9 28/08/2009 22:08:22

Re : Agrandissement de photo dans Zite plus

#10 28/08/2009 22:28:48

Re : Agrandissement de photo dans Zite plus

#11 28/08/2009 22:30:44

Re : Agrandissement de photo dans Zite plus

#12 29/08/2009 00:05:40

Re : Agrandissement de photo dans Zite plus

#13 29/08/2009 09:25:03

Re : Agrandissement de photo dans Zite plus

#14 29/08/2009 19:18:54

Re : Agrandissement de photo dans Zite plus

#15 31/08/2009 16:41:18

Re : Agrandissement de photo dans Zite plus

#16 31/08/2009 18:37:00

Re : Agrandissement de photo dans Zite plus

#17 04/06/2010 14:42:56

Re : Agrandissement de photo dans Zite plus

#18 04/06/2010 17:55:49

Re : Agrandissement de photo dans Zite plus

#19 04/06/2010 18:06:22

Re : Agrandissement de photo dans Zite plus

#20 07/06/2010 11:35:28

Re : Agrandissement de photo dans Zite plus

Pied de page des forums