Franc83

Zomm Javascript

Convertir en PDF

Version imprimable

20-07-2008

Zoom Javascript sur image

Zoom sur image, simple, efficace....

Zoom In | Normal | Zoom Out

laurel

Script trouvé sur :

Les codes pour installer le script :

<script language="JavaScript1.2">
var zoomfactor=0.05 //Enter factor (0.05=5%)
function zoomhelper(){
if (parseInt(whatcache.style.width)>10&&parseInt(whatcache.style.height)>10){
whatcache.style.width=parseInt(whatcache.style.width)+parseInt(whatcache.style.width)*zoomfactor*prefix
whatcache.style.height=parseInt(whatcache.style.height)+parseInt(whatcache.style.height)*zoomfactor*prefix
}
}
function zoom(originalW, originalH, what, state){
if (!document.all&&!document.getElementById)
return
whatcache=eval("document.images."+what)
prefix=(state=="in")? 1 : -1
if (whatcache.style.width==""||state=="restore"){
whatcache.style.width=originalW
whatcache.style.height=originalH
if (state=="restore")
return
}
else{
zoomhelper()
}
beginzoom=setInterval("zoomhelper()",100)
}
function clearzoom(){
if (window.beginzoom)
clearInterval(beginzoom)
}
</script>

Les codes Html pour déclencher le script :

<a href="#" onmouseover="zoom(200,177,'logo','in')" onmouseout="clearzoom()">Zoom In</a> | <a href="#" onmouseover="zoom(200,177,'logo','restore')">Normal</a> | <a href="#" onmouseover="zoom(200,177,'logo','out')" onmouseout="clearzoom()">Zoom Out</a><br><br><br>
<div style="position:relative;width:200;height:177" align="center"><div style="position:absolute">
<img name="logo" src="laurel.gif" width="200" height="177">
</div></div>

Il vous faut juste changer la taille de l'image par la votre, ainsi que son nom et son url, le reste se fait tout seul....

Dans le même esprit
Diaporama Lightbox Test pour Thickbox Diaporama javascript Image polaroïd Diaporama en popup Popup Dimensionnables Rollover sur Images Image Spotlight Zoom Css Zoom CSS 2 Ajax Puzzle

Citez cet article

Commenter cet article

Commenter
Les messages comportant des attaques verbales contre les personnes seront supprimés. Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur. Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:
Commentaire
Code:*
	Je désire être prévenu par mail des commentaires qui suivront

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved

< Précédent		Suivant >

Les Skyblogs

Live Spaces

Liens amis

Mixx Radio Gold

-------------

Votre site ici

Notre logo

Cliquez droit dans la zone où se trouve le code html et "copier"

Nos autres Logos...

S'abonner

Votre adresse email ici pour recevoir les nouveautés du site directement dans votre boite

Java et CSS

Générateurs

Tutoriaux

Nos Gadgets

Installez nos gadgets

gratuits Live Spaces

Oeil 2 Moscou

Download

Plugin incontournables

Retouche Images

Logiciels utiles

Aidez-nous

Recommandez ce
site à un ami

Statistiques

@Franc83 2008, Tous droits réservés. Franc83 et les différents logos et images utilisés sur le site
internet sont la propriété exclusive de Franc83-Team. Toutes autres sociétés et produits cités sur ce site
sont la propriété de leurs propriétaires respectifs. Copyright by @Franc83-Team

Powered By PageCache

Generated in 0.07938 Seconds