begin process at 2012 05 30 09:02:46
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Zoom image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Zoom image

lundi 22 février 2010 à 02:39:47 | Zoom image

etu54

Bonjour,

De par mes études je suis dans la programmation web depuis 1 an environ.
Cependant le javascript m'est encore assez inconnu mis a part les fonction de base (alert, vérification de checkbox...)

C'est doc pour cela que je vous demande de m'aider, j'aimerais réaliser un zoom sur image comme dans cette page : Tapez le texte de l'url ici.

Mon probleme est que je ne sais pas du tout comment faire, et j'ai beaucoup chercher sur ce site et rien ne correspond a mes attentes.

D'avance merci pour toute aide et tout code.
lundi 22 février 2010 à 18:53:21 | Re : Zoom image

honey87

bonjour,
je vous ai trouvé ce code pour zoomer une image :
vous tapez ce code dans le <head> de la page html

<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var coeff=4;//Coefficient de reduction
var larg=400;//largeur maxi de l'image
var haut=388;//hauteur maxi de l'image
var coeffinit=coeff;
function changer() {
if (document.image.width < larg) {
coeff = coeff-0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
chang=window.setTimeout('changer();',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial() {
if (document.image.width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);

initi=window.setTimeout('initial();',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>

-------------------------
et puis vous tapez celui ci dans le <Body>

<div align="center">
<a name="img"></a>
<a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="im/imaga.gif" border="0" name="image"></a></div>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script>
---------
dans ce dernier vous pouvez changer le lien d'image , celle en rouge
lundi 22 février 2010 à 20:41:54 | Re : Zoom image

kazma

Administrateur CodeS-SourceS
bonjour

http://www.javascriptfr.com/codes/LOUPE-SUR-IMAGE-PASSAGE-SOURIS_38424.aspx


Cette discussion est classée dans : image, url, zoom


Répondre à ce message

Sujets en rapport avec ce message

enorme probleme [ par morgandetoi06 ] quand je fait l image ne s affiche pas, je suis obligé de faire clic droit -> afficher l imagecomment faire pour resoudre ce probleme ?mirci++<a href= redirection image [ par MiTcH37 ] slt, j'aimerai savoir comment réaliser une redirection dans une image (ex : truc.bmp et ça redirige vers une autre image) @++ MiT Zoom sur une image en temps réel [ par EnaelHoly ] Salut à tousVoila en fait je me prend la tête sur une broutille certainement. Mon problème c'est que j'aimerai faire un zoom progressif sur une image image redimensionnée si taille depassant max [ par kishkaya ] Bonjour je suis tres php et le javascript j'y connais casiment rien mais j'en ai pourtant besouin pour la page d'inscription de mon site, j'aimerai cr 2 url pour une image [ par axi_axi_axi ] Bonjour à toi, lecteur de mes écris...Voila, g une page web qui contient entre autre une image. Je voudrai savoir si cette image peut avoir deux url. Zoom sous Netscape? [ par kimuz ] BonjourPourquoi ce script ne fonctionne pas sous Netscape? language="javascript"><FONT color=#0080 Bug d'affichage CSS [ par skit ] B'jour à tous (oui je pollue pas mal le forum en ce moment) Ca fait 2h que je cherche à aligner ça correctement mais euh... sans succès  :( Donc en f CONTROLE SUR IMAGE EXTERNE / URL [ par Designotik_51 ] Salut tout le monde, g un problème qui me prend le chou depuis 2 jours.J'ai un formulaire composé de différents champs dont un qui correspond a une ad Zoom sur image au passage dur curseur et affichage dans une même fenêtre [ par amewole ] Voici mon problème :Je dois mettre en place un système d'affichage d'un ensemble de photos (vignettes) rangé dans un tableau html et qui s'affiche une savoir la taille d'une image a partir de son url [ par Kiranis ] Bonsoir, est ce qu'il y a une fonction en javascript qui permet de savoir la taille d'une image et qui prend comme parametre l'url de cette image dans


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,997 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales