Ok c'est Joomla qui fous la merde.
Et franchement je vais pas me taper un débuggage à 2h30 du mat.

Alors ce que tu fait, tu efface le script que tu viens de rajouter, et en dessous de la balise </script> tu mets <script src="http://script.web64.fr/test.js"></script>. C'est un lien vers mon serveur.
Et tu met les class="mini".

Et comme ça demain je travaillerai le script pour te donner une version optimal.

bon ça ne fonctionne pas, ce que tu viens de me donner

C'est pas grave. ça attendra demain.

EDIT: je te souhaite une très bonne nuit et merci pour tout ce que tu fais pour moi

Ben forcément ça foctione pas. Il est vide le script.
Je t'es dis que je le ferai demain.

Tu laisse ce script là où je t'ai dis de le mettre que je puisse travailler dessus sans devoir attendre que tu soit là.

oups excuse moi,

j'avais pas compris. (dsl d'être un boulet)
J'ai cru que c'était un lien vers ton serveur où il y avait un script qui fonctionnait et que donc ça marcherait provisoirement.

Encore navré, je n'avais rien compris.

Sur ce, je te laisse dormir.
Bonne nuit et @ demain

Salut.

J'ai trouvé un truc. Fais un teste pour voir si ça te conviens.

désolé j'étais à une soirée, et j'ai pas vu ton message.

d'après ce que je teste ça àl'air bien, c'est centré

EDIT: tu as bien bossé pour moi. Je suis vraiment ravi, maintenant peu tu m'expliquer ce que tu as fait???

VPeybernes a écrit:

Tu te rapel de l'autre script ?

Tu retourne dans le template et tu retrouve le script :

Code:

<script...>$(document).ready(function(){
Plein de truc en chinois
});
</script>

Ben avant le dernier }); tu rajoute ça :

Code:

   $("img.mini").css("cursor","pointer");
   $("img.mini").click(function(){
      var url = $(this).attr("src");
      var vsize = $(window).height(); var hsize = $(window).width();

      var zoom = "<div class='zoom' style='position:fixed!important; top:0px!important; left:0px!important; width:"+hsize+"px!important; height:"+vsize+"px!important; text-align : center!important; padding-top:"+vsize*0.05+"px!important; z-index=10!important; background:#640B0F!important;cursor : pointer!important;' onClick='$(\".deezer\").next().css({display:\"block\"});$(this).remove();'><img src='"+url+"' style='max-width:90%; max-height: 90%;'/></div>";
      $(".deezer").next().css({display:"none"});
      $("body").append(zoom);
      
   });

Après dans tes code d'image tu leur rajoute class="mini"
Et c'est tout.


La taille du zoom s'adapte à la taille de l'écran.
J'ai pas mis d'animation parce que les image sont trop lourde, ça pante l'affichage.

J'ai modifier le script bien sûr.
Et tu enlève le script test que je t'es fait ajouter hier soir.

écoute ça à l'air de marcher nickel. je voudrais juste qi tu as 5 minutes que tu m'expliques en gros ce que tu as fait...
Histoire que j'appremne quelque chose et que je me couche pas bêtement en appliquant ce que tu as fait pour moi

$("img.mini").css("cursor","pointer");
Transformation de la souris en main pour les miniature

$("img.mini").click(function(){
Au clique sur une minature
var url = $(this).attr("src");
Récupération de l'URL de la miniature

var vsize = $(window).height(); var hsize = $(window).width();
Calcul des dimention de la fenêtre du navigateur

Création d'un élément zoom :
var zoom = "<div class='zoom' style='

position:fixed!important; top:0px!important; left:0px!important;
Position fixe collé au bord de la fenètre

width:"+hsize+"px!important; height:"+vsize+"px!important;
Taille égale à celle de la fenêtre

text-align : center!important;
Intérieus centré

padding-top:"+vsize*0.05+"px!important;
Padding haut de 5% de la taille de la fenètre

z-index=10!important;
Superposé sur les élément

background:#640B0F!important;cursor : pointer!important;'
fond rouge curseur en main

onClick='$(\".deezer\").next().css({display:\"block\"});$(this).remove();
au click, réhabilitation du playeur deezer et destruction de l'élément

'>

<img src='"+url+"'
image de même URL que la miniature

style='max-width:90%; max-height: 90%;
taille : 90% de l'élément zoom (donc de la fenètre du navigateur)

'/></div>";
fin du bloc zoom

$(".deezer").next().css({display:"none"});
Désactivation du playeur deezer (qui passé par dessus l'image)

$("body").append(zoom);
Ajout du block zoom sur la page

});
Fin

Merci beaucoup, je vais cogité tout ça. et j'espère pouvoir enfin t'aider aussi sur ton forum.
Si on m'apprend, je suis de bonne volonté pour vous aider.

Après je suis conscient que j'ai encore pas mal de truc à apprendre, mais grace à toi j'apprends, et je vais finir par vous aider.

Si tu le veux bien, et que tu as un peu de temps à me consacrer, je veux bien apprendre et devenir apprenti codeur.

Après je suis conscient que j'en sais beacoup moins que vous. mais si tu m'apprends, j'en saurais peux-être la moitié de ce que tu sais un jour.

Euh...

On va peut être pas faire le recrutement de mon forum ici non ?
On reparle de tout ça là bas. Et même si tu veux plus de détail sur ce script (encore plus décortiqué) tu as le droit d'ouvrir un topic là bas (en copiant le script). Dans la section aide et apprentissage.

oki ça marche.

Tu peux classer le sujet en résolu.
je vais me coucher, mais je te recontacte demain sur ton forum.

Encore merci pour tout

C'est à toi de metre résolut en éditant ton premier message.
Et je suis pas modo ici.