Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image dans
un claque, image choisie en fonction de la position de la souris. Tout est
ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin image.gif')";
où là je sèche sur la syntaxe. Le script fonctionne toujours mais rien ne
s'affiche... Je sis sur que c'est un problème de syntaxe concernant le
chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom = "../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+" |
image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de l'image
que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px; background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image dans
un claque, image choisie en fonction de la position de la souris. Tout est
ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin image.gif')";
où là je sèche sur la syntaxe. Le script fonctionne toujours mais rien ne
s'affiche... Je sis sur que c'est un problème de syntaxe concernant le
chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom = "../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+" |
image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de l'image
que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px; background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image dans
un claque, image choisie en fonction de la position de la souris. Tout est
ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin image.gif')";
où là je sèche sur la syntaxe. Le script fonctionne toujours mais rien ne
s'affiche... Je sis sur que c'est un problème de syntaxe concernant le
chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom = "../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+" |
image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de l'image
que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px; background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
"ciber lapin" a écrit dans le message de news:
ctiudd$8gp$Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Christophe
et si tu mets une url absolue, ca donne quoi?
"ciber lapin" <ciber23rabbit@yahoo.com> a écrit dans le message de news:
ctiudd$8gp$1@news.tiscali.fr...
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Christophe
et si tu mets une url absolue, ca donne quoi?
"ciber lapin" a écrit dans le message de news:
ctiudd$8gp$Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Christophe
et si tu mets une url absolue, ca donne quoi?
"ciber lapin" a écrit dans le message de news:
ctiudd$8gp$Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
border: 1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Christophe
et si tu mets une url absolue, ca donne quoi?
url('http://monsite.com/lepath/_images/_trainers_050124/images/panorama_51.gif')
"ciber lapin" <ciber23rabbit@yahoo.com> a écrit dans le message de news:
ctiudd$8gp$1@news.tiscali.fr...
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
border: 1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Christophe
et si tu mets une url absolue, ca donne quoi?
url('http://monsite.com/lepath/_images/_trainers_050124/images/panorama_51.gif')
"ciber lapin" a écrit dans le message de news:
ctiudd$8gp$Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne
toujours mais rien ne s'affiche... Je sis sur que c'est un problème de
syntaxe concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom =
"../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+"
| image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;
background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
border: 1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
peut-être backgroundImage
document.getElementById('zoom').style.backgroundImage="url('chemin
image.gif')";
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Christophe
et si tu mets une url absolue, ca donne quoi?
url('http://monsite.com/lepath/_images/_trainers_050124/images/panorama_51.gif')
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
ben ! tu donnes toi-même la solution !
vérifie sur le site que les images sont bien là à leurs places.
re-vérifie tes chemins d'accès dans tes url(../../monimage.jpg)
pour ces chemins il serait préférable de partir de la racine du site
url(/photos/vacances/belle_maman_a_st_trop.jpg)
il y a des chances que si tu es sur un hébergeur pages persos
il faille : url(/mon.site/photos/vacances/b_M_St_Trop.jp)
nota :
au "zoom" tu demandes
au navigateur de charger l'image ce qui peut prendre un peu de temps.
tu peux aussi passer par des classes
.zoom_origine { background-image: url(/monsite/images/st_trop/1_0.jpg);}
.quart_1 { background-image: url(/monsite/images/st_trop/1_1.jpg); }
.quart_2 { background-image: url(/monsite/images/st_trop/1_2.jpg); }
.quart_3 { background-image: url(/monsite/images/st_trop/1_3.jpg); }
.quart_4 { background-image: url(/monsite/images/st_trop/1_4.jpg); }
affichage = document.layers? document.layers['zoom'] :
document.getElementById? document.getElementById('zoom') :
document.all? document.all['zoom'] : '';
et dans la fonction :
affichage.className = 'quart_1';
ou ?
affichage.className = 'quart_'+num;
avec :
<div id="zoom" class="zoom_origine"
style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;"></div>
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
ben ! tu donnes toi-même la solution !
vérifie sur le site que les images sont bien là à leurs places.
re-vérifie tes chemins d'accès dans tes url(../../monimage.jpg)
pour ces chemins il serait préférable de partir de la racine du site
url(/photos/vacances/belle_maman_a_st_trop.jpg)
il y a des chances que si tu es sur un hébergeur pages persos
il faille : url(/mon.site/photos/vacances/b_M_St_Trop.jp)
nota :
au "zoom" tu demandes
au navigateur de charger l'image ce qui peut prendre un peu de temps.
tu peux aussi passer par des classes
.zoom_origine { background-image: url(/monsite/images/st_trop/1_0.jpg);}
.quart_1 { background-image: url(/monsite/images/st_trop/1_1.jpg); }
.quart_2 { background-image: url(/monsite/images/st_trop/1_2.jpg); }
.quart_3 { background-image: url(/monsite/images/st_trop/1_3.jpg); }
.quart_4 { background-image: url(/monsite/images/st_trop/1_4.jpg); }
affichage = document.layers? document.layers['zoom'] :
document.getElementById? document.getElementById('zoom') :
document.all? document.all['zoom'] : '';
et dans la fonction :
affichage.className = 'quart_1';
ou ?
affichage.className = 'quart_'+num;
avec :
<div id="zoom" class="zoom_origine"
style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;"></div>
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Ca marche pas non plus :-(
C'est vraiment un pb de syntaxe du chemin d'accès car je me ssuis pris un
paquet d'erreur 404 durant ces essais.
Autre idée?
ben ! tu donnes toi-même la solution !
vérifie sur le site que les images sont bien là à leurs places.
re-vérifie tes chemins d'accès dans tes url(../../monimage.jpg)
pour ces chemins il serait préférable de partir de la racine du site
url(/photos/vacances/belle_maman_a_st_trop.jpg)
il y a des chances que si tu es sur un hébergeur pages persos
il faille : url(/mon.site/photos/vacances/b_M_St_Trop.jp)
nota :
au "zoom" tu demandes
au navigateur de charger l'image ce qui peut prendre un peu de temps.
tu peux aussi passer par des classes
.zoom_origine { background-image: url(/monsite/images/st_trop/1_0.jpg);}
.quart_1 { background-image: url(/monsite/images/st_trop/1_1.jpg); }
.quart_2 { background-image: url(/monsite/images/st_trop/1_2.jpg); }
.quart_3 { background-image: url(/monsite/images/st_trop/1_3.jpg); }
.quart_4 { background-image: url(/monsite/images/st_trop/1_4.jpg); }
affichage = document.layers? document.layers['zoom'] :
document.getElementById? document.getElementById('zoom') :
document.all? document.all['zoom'] : '';
et dans la fonction :
affichage.className = 'quart_1';
ou ?
affichage.className = 'quart_'+num;
avec :
<div id="zoom" class="zoom_origine"
style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;"></div>
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne toujours
mais rien ne s'affiche... Je sis sur que c'est un problème de syntaxe
concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom = "../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+" |
image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px; background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
Merci pour vos ccopérations car il fallait bien utiliser "backgroundImage"
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne toujours
mais rien ne s'affiche... Je sis sur que c'est un problème de syntaxe
concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom = "../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+" |
image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px; background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
Merci pour vos ccopérations car il fallait bien utiliser "backgroundImage"
Bonjour,
Vous trouverez ci-dessous un script dont le but est d'afficher l'image
dans un claque, image choisie en fonction de la position de la souris.
Tout est ok jusqu'à la ligne
document.getElementById('zoom').style.background="url('chemin
image.gif')"; où là je sèche sur la syntaxe. Le script fonctionne toujours
mais rien ne s'affiche... Je sis sur que c'est un problème de syntaxe
concernant le chemin d'accès aux images mais ???
<script language="JavaScript" type="text/JavaScript">
nom_precedent = "/images/panorama_1.gif";
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
event.y+document.body.scrollTop;
posx = Math.ceil(x/1014*21);
posy = Math.ceil(y/290*12)-1;
if (posx<=1) posx=1;
if (posx>!) posx!;
if (posy<=0) posy=0;
if (posy>=7) posy;
num = posx+(posy*21);
nom = "../../../../_images/_trainers_050124/images/panorama_"+num+".gif";
if (nom != nom_precedent) {
window.status = "Souris posx:"+posx+" | posy:"+posy+" | numéro:"+num+" |
image:"+nom;
// Netscape
if (document.getElementById){
document.getElementById('zoom').style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
if (document.all && !document.getElementById){
document.all['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
// IE
if (document.layers) {
document.layers['zoom'].style.background="url('../../../../_images/_trainers_050124/images/panorama_51.gif')";
}
nom_precedent = nom;
}
}
if (navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
</SCRIPT>
</HEAD>
<!--C.Candas, 2004.-->
<BODY BGCOLOR="#FFFFFF">
<img src="../../../../_images/_trainers_050124/panorama_flat.jpg"
width="1014" height="290" border="0">
<p align="center" class="retrait">Glissez la souris sur la zone de
l'image que vous souhaitez agrandir ci dessous.</p>
<div id="zoom" style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px; background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif);
layer-background-image:
url(../../../../_images/_trainers_050124/images/panorama_54.gif); border:
1px none #000000;"></div>
Merci d'avance de votre aide.
Christophe
Merci pour vos ccopérations car il fallait bien utiliser "backgroundImage"
tu peux aussi passer par des classes
.zoom_origine { background-image: url(/monsite/images/st_trop/1_0.jpg);}
.quart_1 { background-image: url(/monsite/images/st_trop/1_1.jpg); }
.quart_2 { background-image: url(/monsite/images/st_trop/1_2.jpg); }
.quart_3 { background-image: url(/monsite/images/st_trop/1_3.jpg); }
.quart_4 { background-image: url(/monsite/images/st_trop/1_4.jpg); }
affichage = document.layers? document.layers['zoom'] :
document.getElementById? document.getElementById('zoom') :
document.all? document.all['zoom'] : '';
et dans la fonction :
affichage.className = 'quart_1';
ou ?
affichage.className = 'quart_'+num;
avec :
<div id="zoom" class="zoom_origine"
style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;"></div>
Merci pour ces solutions que je vais peutêtre essayer mais j'ai 252 images
donc s'il faut écrire les 252 DIV... Je verrai.
Est ce background ou background Image, faut t'il une cote de
chaque coté du nom de l'URL... Je suis pas trop sur à ce niveau
tu peux aussi passer par des classes
.zoom_origine { background-image: url(/monsite/images/st_trop/1_0.jpg);}
.quart_1 { background-image: url(/monsite/images/st_trop/1_1.jpg); }
.quart_2 { background-image: url(/monsite/images/st_trop/1_2.jpg); }
.quart_3 { background-image: url(/monsite/images/st_trop/1_3.jpg); }
.quart_4 { background-image: url(/monsite/images/st_trop/1_4.jpg); }
affichage = document.layers? document.layers['zoom'] :
document.getElementById? document.getElementById('zoom') :
document.all? document.all['zoom'] : '';
et dans la fonction :
affichage.className = 'quart_1';
ou ?
affichage.className = 'quart_'+num;
avec :
<div id="zoom" class="zoom_origine"
style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;"></div>
Merci pour ces solutions que je vais peutêtre essayer mais j'ai 252 images
donc s'il faut écrire les 252 DIV... Je verrai.
Est ce background ou background Image, faut t'il une cote de
chaque coté du nom de l'URL... Je suis pas trop sur à ce niveau
tu peux aussi passer par des classes
.zoom_origine { background-image: url(/monsite/images/st_trop/1_0.jpg);}
.quart_1 { background-image: url(/monsite/images/st_trop/1_1.jpg); }
.quart_2 { background-image: url(/monsite/images/st_trop/1_2.jpg); }
.quart_3 { background-image: url(/monsite/images/st_trop/1_3.jpg); }
.quart_4 { background-image: url(/monsite/images/st_trop/1_4.jpg); }
affichage = document.layers? document.layers['zoom'] :
document.getElementById? document.getElementById('zoom') :
document.all? document.all['zoom'] : '';
et dans la fonction :
affichage.className = 'quart_1';
ou ?
affichage.className = 'quart_'+num;
avec :
<div id="zoom" class="zoom_origine"
style="position:absolute; width:500px; height:250px;
z-index:1; visibility: visible; left: 257px; top: 346px;"></div>
Merci pour ces solutions que je vais peutêtre essayer mais j'ai 252 images
donc s'il faut écrire les 252 DIV... Je verrai.
Est ce background ou background Image, faut t'il une cote de
chaque coté du nom de l'URL... Je suis pas trop sur à ce niveau
Maintenant je vais tester un onload dans le Body car tant que les images ne
sont pas en cache, ça rame.
Maintenant je vais tester un onload dans le Body car tant que les images ne
sont pas en cache, ça rame.
Maintenant je vais tester un onload dans le Body car tant que les images ne
sont pas en cache, ça rame.
Maintenant je vais tester un onload dans le Body car tant que les images
ne
sont pas en cache, ça rame.
Merci de ne pas faire pré-loader tes 252 images !
(ni même les 4 ?)
ça ramera avant au lieu d'après
(je suis en RTC, tu peux être assuré que je vais zapper avant
que tout l'toutim ne soit là)
Et surtout :
c'est contraire à ce que tu veux faire
(autant afficher d'entrée les 4 zooms puisque déjà chargés!)
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Effectivement j'ai abandonné le preload et j'affiche de base les quatres
Maintenant je vais tester un onload dans le Body car tant que les images
ne
sont pas en cache, ça rame.
Merci de ne pas faire pré-loader tes 252 images !
(ni même les 4 ?)
ça ramera avant au lieu d'après
(je suis en RTC, tu peux être assuré que je vais zapper avant
que tout l'toutim ne soit là)
Et surtout :
c'est contraire à ce que tu veux faire
(autant afficher d'entrée les 4 zooms puisque déjà chargés!)
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Effectivement j'ai abandonné le preload et j'affiche de base les quatres
Maintenant je vais tester un onload dans le Body car tant que les images
ne
sont pas en cache, ça rame.
Merci de ne pas faire pré-loader tes 252 images !
(ni même les 4 ?)
ça ramera avant au lieu d'après
(je suis en RTC, tu peux être assuré que je vais zapper avant
que tout l'toutim ne soit là)
Et surtout :
c'est contraire à ce que tu veux faire
(autant afficher d'entrée les 4 zooms puisque déjà chargés!)
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Effectivement j'ai abandonné le preload et j'affiche de base les quatres