Your browser does not support CSS. If images appear below, please disregard them.
Connexion

iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

FAQ Membres>M’enregistrer

  • Publicité

effet zoom sur une image

Pour aller plus loin avec iWeb

Modérateurs: les9viesduchat, mutru, zepatente

effet zoom sur une image

Messagepar camstramgram » Sam 13 Juin 2009 05:44

Bonjour,

J'ai inséré un widget de zoom sur une image, il marche merci Zepatente!
http://gaellepiton.org/site/presse.html
Je voudrais que lorsque l'on clique sur contact, la page contact s'ouvre. J'ai entré l'adresse de la page dans le code, mais sans succès...

des idées?

Code: Tout sélectionner
<html>
<head>
<script language="JavaScript">
var coeff=2;//Coefficient de reduction
var larg=100;//largeur maxi de l'image
var haut=25;//hauteur maxi de l'image
var coeffinit=coeff;
function changer(nom_de_limage) {
if (document.images[nom_de_limage].width < larg) {
coeff = coeff-0.2;
document.images[nom_de_limage].width = Math.round(larg/coeff);
document.images[nom_de_limage].height = Math.round(haut/coeff);
chang=window.setTimeout('changer("'+document.images[nom_de_limage].name+'");',20);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial(nom_de_limage) {
if (document.images[nom_de_limage].width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.images[nom_de_limage].width = Math.round(larg/coeff);
document.images[nom_de_limage].height = Math.round(haut/coeff);
initi=window.setTimeout('initial("'+document.images[nom_de_limage].name+'");',20);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
</head>
<body>
<p align="center">
<a href="http://gaellepiton.org/site/contact.html" onMouseOut="initial('image1')" onMouseOver="changer('image1')" ><img src="http://gaellepiton.org/images/contactx2.png" name="image1" border="0"></a>
</p>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
//-->
</script>


</body>
</html>
camstramgram
Débutant
Débutant
 
Messages: 23
Inscription: Mer 18 Mar 2009 06:16
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Publicité

Re: effet zoom sur une image

Messagepar Caribou » Sam 13 Juin 2009 07:31

camstramgram a écrit:Je voudrais que lorsque l'on clique sur contact, la page contact s'ouvre. J'ai entré l'adresse de la page dans le code, mais sans succès...

Je ne comprends pas, quand on clique sur "Contact" la page s'ouvre bien chez moi. :roll: :roll:
Avatar de l’utilisateur
Caribou
Génius
Génius
 
Messages: 4597
Inscription: Lun 14 Avr 2008 11:31
Localisation: Sud
Votre OS: Lion
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: effet zoom sur une image

Messagepar Vodkapple » Dim 21 Fév 2010 06:26

Salut à tous,
Je fais une petite relance sur ce topic car je ne m'en sort pas avec ce code
Je voudrai un effet zoom sur ma photo au passage de la souri
Je n'arrive pas a identifié les differentes sections a modifier dans le code fourni ci contre .

Merci les amis .
Vodkapple
Persévérant
Persévérant
 
Messages: 50
Inscription: Jeu 28 Jan 2010 14:58
Localisation: Istanbul
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Re: effet zoom sur une image

Messagepar Caribou » Dim 21 Fév 2010 07:18

Vodkapple a écrit:Je voudrai un effet zoom sur ma photo au passage de la souri
Je n'arrive pas a identifié les differentes sections a modifier dans le code fourni ci contre .

Tu as regardé ici http://www.iwebeginner.com/forum/topic507-10.html#p4129
:arrow: "nom de l'image ici"
Avatar de l’utilisateur
Caribou
Génius
Génius
 
Messages: 4597
Inscription: Lun 14 Avr 2008 11:31
Localisation: Sud
Votre OS: Lion
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: effet zoom sur une image

Messagepar Vodkapple » Dim 21 Fév 2010 07:24

Oui grand maitre,
mais j'avoue avoir paniqué a propos du " plusieurs images"
Et puis je me suis embrouiller dans les codes .
Mais après une pause et étant un peu mieux réveiller je crois que ça va allez beaucoup mieux


Merci Caribou !!
Vodkapple
Persévérant
Persévérant
 
Messages: 50
Inscription: Jeu 28 Jan 2010 14:58
Localisation: Istanbul
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Re: effet zoom sur une image

Messagepar Caribou » Dim 21 Fév 2010 07:53

Pour une image.
Ligne 32 C'est ici que tu dois rentrer le nom de l'image.
Capture d’écran 2010-02-21 à 12.53.33.png
Capture d’écran 2010-02-21 à 12.53.33.png (9.11 Kio) Vu 593 fois


<html>
<head>
<script language="JavaScript">
var coeff=4;//Coefficient de reduction
var larg=200;//largeur maxi de l'image
var haut=194;//hauteur maxi de l'image
var coeffinit=coeff;
function changer(nom_de_limage) {
if (document.images[nom_de_limage].width < larg) {
coeff = coeff-0.2;
document.images[nom_de_limage].width = Math.round(larg/coeff);
document.images[nom_de_limage].height = Math.round(haut/coeff);
chang=window.setTimeout('changer("'+document.images[nom_de_limage].name+'");',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial(nom_de_limage) {
if (document.images[nom_de_limage].width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.images[nom_de_limage].width = Math.round(larg/coeff);
document.images[nom_de_limage].height = Math.round(haut/coeff);
initi=window.setTimeout('initial("'+document.images[nom_de_limage].name+'");',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
</head>
<body>
<p align="center">
<a href="#" onMouseOut="initial('image1')" onMouseOver="changer('image1')" ><img src="le nom de l'image ici" name="image1" border="0"></a>
</p>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
//-->
</script>
</body>
</html>
Avatar de l’utilisateur
Caribou
Génius
Génius
 
Messages: 4597
Inscription: Lun 14 Avr 2008 11:31
Localisation: Sud
Votre OS: Lion
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: effet zoom sur une image

Messagepar Vodkapple » Dim 21 Fév 2010 07:57

Super, ça marche!
Merci beaucoup,
a bientot pour le resultat en image ;)
Vodkapple
Persévérant
Persévérant
 
Messages: 50
Inscription: Jeu 28 Jan 2010 14:58
Localisation: Istanbul
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Re: effet zoom sur une image

Messagepar Caribou » Dim 21 Fév 2010 08:02

Avatar de l’utilisateur
Caribou
Génius
Génius
 
Messages: 4597
Inscription: Lun 14 Avr 2008 11:31
Localisation: Sud
Votre OS: Lion
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: effet zoom sur une image

Messagepar Marc » Dim 21 Fév 2010 09:02

Si vous avez besoin de changer d'autres paramètres du code, le code est ici en couleur :
http://www.jejavascript.net/imag_zoom.php
Avatar de l’utilisateur
Marc
Génius
Génius
 
Messages: 1425
Inscription: Mar 17 Fév 2009 12:40
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: effet zoom sur une image

Messagepar Caribou » Dim 21 Fév 2010 10:33

Facile l'adresse est dans le code. http://www.jejavascript.net :lol:
Avatar de l’utilisateur
Caribou
Génius
Génius
 
Messages: 4597
Inscription: Lun 14 Avr 2008 11:31
Localisation: Sud
Votre OS: Lion
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Suivante

Retourner vers Code HTML

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 6 invités