logo

NPDS : Gestion de contenu et de communauté


Content & Community Management System (CCMS) robuste, sécurisé, complet, performant, parlant vraiment français, libre (Open-Source) et gratuit.
37 visiteur(s) et 0 membre(s) en ligne.
Activité du Site

Pages vues depuis 25/05/2001 : 108 403 246

  • Nb. de membres 8 693
  • Nb. d'articles 1 695
  • Nb. de forums 26
  • Nb. de sujets 8
  • Nb. de critiques 92

Top 10  Statistiques

Index du forum »»  Mods, Trucs, Astuces »» Jquery pour zoom sur image

Jquery pour zoom sur image#24657

8Contributeur(s)
B-MagcolonelwogdeveloppeurJireckjpbskippymanu088showmax
3 Modérateur(s)
developpeurjpbJireck
B-Mag B-Magicon_post
Bonjour,

Ma trouvaille du jour : http://www.simbios.ch/sections.php?op=viewarticle&artid=109

Un tuto toujours aussi bien fait pour NPDS par Skippy
:=!

Bonne année et bon jquery
colonelwog colonelwogicon_post
adjuger adopter ^^ merci du coup j'en ai fait un meta lol ,en sachant que je l'ai mis (le .js) à la racine du site ...
et j'ai virer la hauteur pour garder une image proportionnelle

voici donc le code :


function MM_ZOOMEXT($arg,$arg1,$arg2) {

$MM_image = ' <script type="text/!javascript!"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/!javascript!" src="jquery.magnifier.js">
/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at <a href='http://www.dynamicdrive.com/' target='_blank' class='NOIR'>http://www.dynamicdrive.com/</a> for this script and 100s more
***********************************************/
</script>

<img class="magnify" src="http://'.$arg.'" alt="'.$arg1.'" title="'.$arg1.'" width="'.$arg2.'"  />';
        return ($MM_image);
}



il suffit donc pour une image externe de mettre :

zoomext(arg = l'adresse de l'image sans les http ,arg1 = le titre de l'image qui correspond à la bulle ,et enfin arg2 = la taille de l'image voulue)

et on obtient l'image avec un zoom


voilà j'espère que cela fera des heureux et bonne année ...

Message édité par : colonelwog / 02-01-2010 18:00

colonelwog colonelwogicon_post
le code pour une image interne est quasi le meme sauf les http :



function MM_ZOOMEXT($arg,$arg1,$arg2) {

$MM_image = ' <script type="text/!javascript!"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/!javascript!" src="jquery.magnifier.js">
/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<img class="magnify" src="'.$arg.'" alt="'.$arg1.'" title="'.$arg1.'" width="'.$arg2.'"  />';
        return ($MM_image);
}


BONNE ANNEE 2010
developpeur developpeuricon_post
BRAVO :=!
Jireck Jireckicon_post
le meta marche s'il y a plusieurs images ???
B-Mag B-Magicon_post
salut

le colonelweb à reagit trop vite pour moi, mais sans le meta ca fonctionne sans prob sur plusieur image
http://duchassain.phpnet.org/2lab/sections.php?op=viewarticle&artid=12

je vais tester la meme chose avec le meta du colonel :=!
colonelwog colonelwogicon_post
oui ça marche du moins sur mon site ^^
B-Mag B-Magicon_post
lol

trop fort cet homme :=!
Jireck Jireckicon_post
Citation : colonelwog 

oui ça marche du moins sur mon site ^^ 


Je veux juste dire .... combien de fois tu charge ton js ???
colonelwog colonelwogicon_post
en fait je pense que si tu met une image puis une autre le js doit etre charger à chaque fois (peut -etre) car en fait je n'en sait vraiment rien mais si on suit le code il doit se charger à chaque fois non ?
colonelwog colonelwogicon_post
bon j'ai testé avec ceci:

ZOOMEXT(www.npds.org/themes/npds2005/images/banners/ban_apsi.gif,test,500)


ZOOMEXT(www.npds.org/themes/npds2005/images/banners/ban_apsi.gif,test,300)


ZOOMEXT(www.npds.org/themes/npds2005/images/banners/ban_apsi.gif,test,100)


colonelwog colonelwogicon_post
et bien le code source donne bien le meta et je charge bien mes 3 images :


<script type="text/!javascript!" src="jquery.magnifier.js">
/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>


ceci 3 fois avec en taille 100 300 et 500


mais le js est donc charger 3 fois c'est ce que tu voulais savoir JI ?
Jireck Jireckicon_post
oui alors qu'il ne faut le charger qu'une fois
colonelwog colonelwogicon_post
pour revenir au sujet du fait qu'il soit charger plusieurs fois s'il y a plusieurs images comment alors créer un meta sans toucher à autre chose ?je sais que l'on a mis le .js mais bon cela évite de devoir mettre les mains dans la mecanique pour ceux ou celles qui n'y connaissent rien ce qu'il faudrai c'est un systéme qui inclus automatiquement le repertoire complet à charger
exemple le core comprends un repertoire JS qui sera automatiquement charger au démarrage ce qui permettrai de coller dedans un .js et qu'il se lance automatiquement ...
ce qui résoudrai tout problement de lancement .
non ?
qu'en pensez vous ?
jpb jpbicon_post
Yo
Ji a raison c'est une impasse de charger le script avec le méta... si tu as 50 ou 100 vignette sur ta page et que tu veux le zoom sur toute tu charge 100 fois les deux scripts ??? pas glop....
- si tu estimes que tu en as besoin sur beaucoup de page dans le site tu charge avec header_head.inc
- si c'est sur quelques pages : pages.php ...

donc tu garde ton meta mais sans l'inclusion des scripts...
c'est pour l'instant la seule soluce

...bien sur après on peut charger les scripts dynamiquement mais bon c'est plus complexe...
colonelwog colonelwogicon_post
c'est vrai que je pense jamais à header_head.inc .....

donc suffit de cherger le script au demarrage dans le header_head.inc ensuite de poser son meta et le tour et jouer ...

et si l'on veux faire un truc automatiser on peux donc :
inclure le js en header_head.inc
inclure le meta et ,par ftp , :=! envoyer le .js dans le repertoire !!include!! par exemple .

Message édité par : colonelwog / 09-01-2010 09:55

Jireck Jireckicon_post
Ou utiliser pages.php pour charger les JS suivant les pages...
colonelwog colonelwogicon_post
oui sauf que le meta si tu veux pouvoir l'utiliser vaux mieux charger le js dés le départ ...au moins on est pas limiter j'ai donc fait cela et chose curieuse il ne fonctionne pas avec header_head.inc il a fallu le coller dans header_after.inc et la ça fonctionne ...
ici même une petite idée du système pour ceux que cela intéresse:

http://www.warofgenerals.com/article.php?sid=297&mode=&order=0&thold=0
skippy skippyicon_post
Hello.

Oui comme je l'ai indiqué sur mon site, le js se place dans header_head.inc

Par contre l'adaptation en meta, bravo Wog, j'y avais pas songé :=!

A+

EDIT: Oups mal lu le dernier post^^. On m'a toujours suggéré dans le mettre dans head.inc, mais le n'ont m'a pas suggéré dans le after.inc. Il faut voir dans le code source le !javascript! se trouve bien avant la balise

Message édité par : skippy / 24-01-2010 22:08

colonelwog colonelwogicon_post
as tu testé ?le head ou le after ?