Image zoom mouseover
Modérateur : chinon37
Image zoom mouseover
Bonsoir , comment on fait pour créér un effet de zoom sur une image lorsque la souris passe dessus
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; AIRF; Avant Browser; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; WWTClient2)
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; AIRF; Avant Browser; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; WWTClient2)
ça y est j'ai trouvé . faut faire ça faut insérer ce script (dans <head>) :
<script>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
et faire ça dans propriétés de l'image dans advanced edit faire ça

Edit : avec le script c'est mieux
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; AIRF; Avant Browser; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; WWTClient2)
<script>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
et faire ça dans propriétés de l'image dans advanced edit faire ça

Edit : avec le script c'est mieux
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; AIRF; Avant Browser; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; WWTClient2)
Dernière modification par jpm1 le 26 sept. 2008, 03:39, modifié 2 fois.
ah ouais, c'est dans quel logiciel ton "Propriétés de l'image"?

ben, Touti, tu m'expliqueras de quoi il s'agit, alors?ToutiWeb a écrit :waouw super ça j'essayerais dès que j'en serais à remettre des images sur mon site !

Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
AAarrrggghh c'est dans Kompozer, je l'avais pas reconnu en anglais, faut quand même ajouter ton script à la main dans le <head>, toutes mes excuses, j'essaierai...MB a écrit :ah ouais, c'est dans quel logiciel ton "Propriétés de l'image"?

Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Mongo Bob a écrit :ah ouais, c'est dans quel logiciel ton "Propriétés de l'image"?ben, Touti, tu m'expliqueras de quoi il s'agit, alors?ToutiWeb a écrit :waouw super ça j'essayerais dès que j'en serais à remettre des images sur mon site !
euh ben perso j'ai compris que les images étaient en taille normale (donc on peut les mettre plus petites) et que ça les zoomait (donc on en voit les détails en plus gros ... et que c'était possible avec kompozer ...
ce n'est pas ça ?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322)
Bien sûr que si, tu as parfaitement compris, c'est moi qui plane....
(chacun son tour!)

(chacun son tour!)
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Qui est en ligne ?
Utilisateurs parcourant ce forum : Baidu [Spider] et 5 invités