Sujet Précédent Sujet Suivant

Agrandir une image au passage de la souris

Fermé
caroline - 8 oct. 2013 à 23:28
 Utilisateur anonyme - 9 oct. 2013 à 20:15
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

Réponse 1 / 2
Utilisateur anonyme
Modifié par lobotoFix le 9/10/2013 à 11:26
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
caroline
9 oct. 2013 à 12:42
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
Utilisateur anonyme
9 oct. 2013 à 12:47
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
caroline
9 oct. 2013 à 13:06
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
caroline
9 oct. 2013 à 13:08
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
Réponse 2 / 2
Utilisateur anonyme
9 oct. 2013 à 14:06
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
Utilisateur anonyme
9 oct. 2013 à 14:11
fais toujours une sauvegarde avant
0
caroline
9 oct. 2013 à 14:12
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
Utilisateur anonyme
9 oct. 2013 à 14:17
tu veux le même effet que le site que tu ma montré ?
0
caroline
9 oct. 2013 à 14:20
oui ça serait top!
0
Utilisateur anonyme
Modifié par lobotoFix le 9/10/2013 à 14:25
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

Discussions similaires

problème de pixel
bernie33260 -
contrariness -

14 réponses
Dechiffrer une image caché
JACQUE -
Otomec -

1 réponse
Problème Chronopost : Pas d'avis de passage !!
sweetinky -
Camille -

40 réponses
Résolution d'une image 500 pixels largeur
sassou -
transat -

2 réponses
Comment enlever le rouge sur la photo svp ?
lucas0909 -
bazfile -

11 réponses