Agrandir une image au passage de la souris

caroline -  
 Utilisateur anonyme -
Bonjour à tous
Je cherche à appliquer un effet de mouse over sur des miniatures qui ferait apparaître l'image agrandie à côté de la miniature sur la même page. Je voudrais appliquer cet effet sur un site WordPress dont j'ai crée le template avec artisteer. Y aurait il un moyen de faire cela sans déstabiliser la base WordPress? Je n'ai trouvé aucun plugin qui propose cet effet pourtant simple. J'ajoute que je suis débutante en la matière. Merci d'avance!
Caroline

2 réponses

  1. Utilisateur anonyme
     
    salut, j'ai fais l'effet que tu souhaite + un petit effet marrant qui fonctionne que sur les récent navigateur (chrome et firefox de sur )

    http://pour-ccm.zz.mu/index4.html

    si ca te plait n'hésite pas prendre le code, il sera pas évident à rajouter à Wordpress, mais pas impossible

    ׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
    0
    1. caroline
       
      Merci beaucoup pour ta réponse, l'effet a l'air super! Je suis preneuse du code et si jamais tu sis me dire précisément comment l'intégrer à worpress.....n'hésite pas à me donner ton avis.
      Amicalement
      CM
      0
    2. Utilisateur anonyme
       
      si tu as fait toi même le template, cela devrait se faire plus simplement, essaye d'intégrer dans le template l'un des deux effet, je resterai là pour essayer de t'aider.

      A tu un lien du site ?
      0
    3. caroline
       
      Le site n'est pas encore public je n'ai pas de lien, merci pour ton aide, c'est vraiment sympa. Je n'ai jamais intégré de code à vrai dire, sur artisteer tout est en wysiwyg. Mais je suis prête à essayer! Peut être en intégrant un dossier dans le wp-content à la base?
      0
    4. caroline
       
      Voilà exactement ce que je voudrais faire :http://suzannekasler.com/interiors/
      sur cette page, des thumbnails à gauche s'ouvrent simplement en grande image sur la gauche.
      ça a l'air si simple...mais...
      0
  2. Utilisateur anonyme
     
    salut, je viens de le faire en local sur le thème de base de wordpress
    http://img10.imageshack.us/img10/3338/ori8.png

    j'ai fait un fichier zoom.php avec le code html.

    dans index.php j'ai fait un include à l'extérieur du php (sa limite un peu mais c'est plus sur )

    et j'ai rajouté le css dans style.css
    0
    1. Utilisateur anonyme
       
      fais toujours une sauvegarde avant
      0
    2. caroline
       
      J'aimerai bien essayer ça! Comment puis-je faire? Pourrais je avoir les codes que tu as utilisé et le mode d'emploi détaillé? Sachant que je n'ai jamais fait de codage, et que je suis très débutante...
      0
    3. Utilisateur anonyme
       
      tu veux le même effet que le site que tu ma montré ?
      0
    4. caroline
       
      oui ça serait top!
      0
    5. Utilisateur anonyme
       
      il y a du jquery, c'est pour ça que l'effet est sympa...

      montre moi un exemple de code de la pages que tu a faite avec ton wysiwyg, celle que tu veux ajouter l'effet
      0