Image Zoomée
Image Zoomée • le Mar 1 Déc 2009 14:03
Bonjour à tous !
Bonjour à tous ! 
Je suis nouveau dans ce forum, j'esperes donc poster au bon endroit, sinon je m'en excuse d'avance.
Je fais un site, et je voudrais faire une page avec des photos qui se "zoom" lorsqu'on clic dessus, comme sur ce site: 
http://www.framasoft.net/article4557.html Cliquez sur l'image du jeu. Un zoom se fait, et cela sans changer de page.
J'aimerais adopter ce system sur mon site, mais je ne connais pas le nom du script et/ou la facon de le faire. Et sans pub.
Le sauriez-vous?
Merci d'avance pour votre aide 
PS: Mon site si cela vous interesse: 
http://begginning.free.fr/index.html
bonjour
Ils utilisent la librairie JQUERY en JavaScript.
C'est vrai que le rendu est sympa.
Le probleme c'est que cela grossit la pages de plusieurs dizaines de kilo octects.
n°1 : Essayez SEO Soft, le logiciel de référencement open source
Merci Nifrou,
Je suis aller sur le site, mais je ne vois pas de démo qui ressemble à ce que je cherche.
Il y a la partie avec des tutos en Francais ici: http://docs.jquery.com/Tutorials#Tutori ... n.C3.A7ais
Mais qui a l'aire d'etre ce que je cherche.
Je me suis trompé quelque part ?
tient j'ai fait une petite page d'exemple pour faire le zoom avec jquery
part/zoom/zoom.html
n°1 : Essayez SEO Soft, le logiciel de référencement open source
tetsuro a écrit:Merci, mais ca ne marche pas sous Internet Explorer, ok avec Firefox
ça fonctionnzeavec mon FF et mon IE8.
je ne sait pas quel tuto il faut faire
Regarde le source de mon html c'est simple.
- Code: Tout sélectionner
<html>
<head>
<script type="text/javascript" src="jquery_002.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.css" media="screen">
<script type="text/javascript">
$(document).ready(function() {
$('a[rel=zoom]').fancybox({
'zoomSpeedIn': 400,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
</script>
</head><body>
<a rel="zoom"
href="http://fr.webmaster-rank.info/img/seo-software.JPG" >
<img src="http://fr.webmaster-rank.info/img/seo-software.JPG"
style="border: 1px solid rgb(51, 51, 51); padding: 2px;"
height="110" width="75"></a>
</body></html>
tetsuro a écrit:Merci, mais ca ne marche pas sous Internet Explorer, ok avec Firefox
<html>
<head>
<script type="text/javascript" src="jquery_002.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.css" media="screen">
<script type="text/javascript">
$(document).ready(function() {
$('a[rel=zoom]').fancybox({
'zoomSpeedIn': 400,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
</script>
</head><body>
<a rel="zoom"
href="http://fr.webmaster-rank.info/img/seo-software.JPG" >
<img src="http://fr.webmaster-rank.info/img/seo-software.JPG"
style="border: 1px solid rgb(51, 51, 51); padding: 2px;"
height="110" width="75"></a>
</body></html>
n°1 : Essayez SEO Soft, le logiciel de référencement open source
6 messages • Page 1 sur 1
Retourner vers Demande de conseils ou parler de son site
• Toute votre SEO en 1 image 26/07/2011
• REF image 20/08/2011
• balise meta googlebot-image ... intérêt ? 05/01/2012
• [REF IMAGE] Promouvoir les images de mon site 13/08/2010
• Image apparente dans les pages google? 25/07/2011
• Positionnement par groupe de mots KY zoom 20/08/2011
• Créer son propre avatar Simpson à son image 10/03/2008