A voir également:
- Affilier un cod java à 1 seul clq. dreamweav
- Waptrick java football - Télécharger - Jeux vidéo
- Jeux java itel football - Télécharger - Jeux vidéo
- Java apk - Télécharger - Langages
- Virginie organise un rallye avec 30 équipes. elle veut créer un code pour désigner chaque équipe. elle a commencé à la main, mais elle voudrait le faire calculer à l'aide d'une formule. proposez une formule comportant une seule fonction et à recopier vers le bas dans la colonne a du fichier à télécharger. quelle formule sera en a9 ? ✓ - Forum Programmation
- Java bible - Forum Téléchargement
3 réponses
Mimiste
Messages postés
1149
Date d'inscription
samedi 17 mai 2008
Statut
Membre
Dernière intervention
6 mars 2016
206
22 oct. 2009 à 19:19
22 oct. 2009 à 19:19
Salut
Pourrai tu montrer comment tu utilise le script sur ta page a toi ? Sans les numero de lignes si possible ^^
Pourrai tu montrer comment tu utilise le script sur ta page a toi ? Sans les numero de lignes si possible ^^
romi36
Messages postés
54
Date d'inscription
dimanche 26 novembre 2006
Statut
Membre
Dernière intervention
5 février 2012
1
22 oct. 2009 à 19:28
22 oct. 2009 à 19:28
Coucou,
dreamweaver rend un code Horrible ! Un bon éditeur de text .... notepad++ par exemple ! et beaucoup mieu ... tu apprend beaucoup plus .... Cependant il faut travaillier ! un site ne ce fais pas en 2 jours ... un cahier des charges et généralement nécessaire ....
Pour ta réponse moi perso j'utilisrerai le Javascript .....
Coté JAVA SCRIPTE :
function changeimg(monimage) {
monimage.src = (monimage.src=="image1.jpg" ) ? "image2.jpg" : "image1.jpg";
}
Coté HTML :
<img src="image1.jpg" onclick="changeimg(this)">
Voila .... j'ai pas testé ! mais sa devrai le faire =)
Au plaisir ^^
dreamweaver rend un code Horrible ! Un bon éditeur de text .... notepad++ par exemple ! et beaucoup mieu ... tu apprend beaucoup plus .... Cependant il faut travaillier ! un site ne ce fais pas en 2 jours ... un cahier des charges et généralement nécessaire ....
Pour ta réponse moi perso j'utilisrerai le Javascript .....
Coté JAVA SCRIPTE :
function changeimg(monimage) {
monimage.src = (monimage.src=="image1.jpg" ) ? "image2.jpg" : "image1.jpg";
}
Coté HTML :
<img src="image1.jpg" onclick="changeimg(this)">
Voila .... j'ai pas testé ! mais sa devrai le faire =)
Au plaisir ^^
Mimiste
Messages postés
1149
Date d'inscription
samedi 17 mai 2008
Statut
Membre
Dernière intervention
6 mars 2016
206
22 oct. 2009 à 23:04
22 oct. 2009 à 23:04
Bon voici un script qui fonctionne
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book</title>
<!-- link to magiczoom.js file -->
<script src="magiczoom.js" type="text/javascript"></script>
<!-- link to magiczoom.css file -->
<link href="magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
<script language="javascript">
var nbImage = 1;
function changeImage(){
nbImage++;
document.getElementById('image_id').src = "image"+nbImage+".jpg";
document.getElementById('link_id').href = "image"+nbImage+"-big.jpg";
MagicZoom.refresh();
MagicZoom.update()
}
</script>
</head>
<body>
<a id="link_id" href="image1-big.jpg" class="MagicZoom" onclick="changeImage()"><img id="image_id" src="image1.jpg"/></a>
</body>
</html>
Alors je sais pas si t'a bien compris le principe de magiczoom, il ne fait pas un vrai zoom comme tu pourrai le penser, il lui faut absolument 2 versions de la meme image pour fonctionner, une petite et une grosse image !
il faut alors avoir image1.jpg et image1-big.jpg
quand tu clic sur l'image il ira chercher image2.jpg et image2-big.jpg et ainsi de suite....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book</title>
<!-- link to magiczoom.js file -->
<script src="magiczoom.js" type="text/javascript"></script>
<!-- link to magiczoom.css file -->
<link href="magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
<script language="javascript">
var nbImage = 1;
function changeImage(){
nbImage++;
document.getElementById('image_id').src = "image"+nbImage+".jpg";
document.getElementById('link_id').href = "image"+nbImage+"-big.jpg";
MagicZoom.refresh();
MagicZoom.update()
}
</script>
</head>
<body>
<a id="link_id" href="image1-big.jpg" class="MagicZoom" onclick="changeImage()"><img id="image_id" src="image1.jpg"/></a>
</body>
</html>
Alors je sais pas si t'a bien compris le principe de magiczoom, il ne fait pas un vrai zoom comme tu pourrai le penser, il lui faut absolument 2 versions de la meme image pour fonctionner, une petite et une grosse image !
il faut alors avoir image1.jpg et image1-big.jpg
quand tu clic sur l'image il ira chercher image2.jpg et image2-big.jpg et ainsi de suite....
Oui oui j'ai bien compris qu'il ne s'agissait pas d'un vrai zoom. Le magic zoom fonctionnait même très bien, son seul défaut était de se lancer tout le temps par dessus les autres calques.
En tout cas je te remercie, je vais essayer ce que tu m'as écrit et je te tiendrai au courant.
Merci aussi à Romi 36 de m'avoir répondu.
Ciao.
En tout cas je te remercie, je vais essayer ce que tu m'as écrit et je te tiendrai au courant.
Merci aussi à Romi 36 de m'avoir répondu.
Ciao.
22 oct. 2009 à 21:25
Voici comment j'ai placé le code dans le "boby" dans le calque.
<div id="bellile">
<div id="bel3"><img src="image2/slide12.jpg.jpg" width="1024" height="724" border="0" onclick="MM_showHideLayers('sommaire','','show');MM_showHideLayers('bel3','','hide')" /></div>
<div id="bel2"><img src="image2/slide11.jpg.jpg" width="1024" height="724" onclick="MM_showHideLayers('bel3','','show');MM_showHideLayers('bel2','','hide')" /></div>
<div id="bel1"><img src="image2/slide910.jpg.jpg" width="1024" height="724" onclick="MM_showHideLayers('bel2','','show','bel1','','hide')" /></div>
<table width="1024" height="724" border="0">
<tr>
<td width="879"><a href="image2/belli1.jpg" title="zoom" class="MagicZoom"><img src="image2/belli0.jpg" width="881" height="616"/></a> </td>
<td width="135"><div align="right"><img src="image2/bellibord.jpg" width="134" height="721" onclick="MM_showHideLayers('bellile','','hide','bel1','','show')" /></div></td>
</tr>
</table></div>
La partie "head" est juste en dessous du titre.Comme indiqué :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book</title>
<!-- link to magiczoom.js file -->
<script src="magiczoom.js" type="text/javascript"></script>
<!-- link to magiczoom.css file -->
<link href="magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
<style type="text/css">
<!--
#sommaire {
position:absolute;
left:50%;
top:50%;
width:1024px;
height:724px;
margin-top:-362px;
margin-left:-512px;
z-index:0;
visibility: visible;
}
Le problème est qu'avec cette configuration le code java semble indépendant du calque dans lequel j'ai essayé de le mettre (ici div id="bellile"). Ce qui a pour conséquence de m'afficher dès le lancement du site l'image belli0 et son zoom belli1 alors que mon calque bellile est éteint.