Aller au contenu

Image+texte en même temps


dag

Sujets conseillés

bonjour

sur ma page planje n'arrive pas à faire une seule carte

c'est a dire si vous passez sur le mot Daglan sur les 2 cartes , il ya du texte pour la 1ere et une photo pour la 2em , je voudrais quelorsqu'on passe sur daglan on vpuisse voir le texte et la photo en mme temps.

merci de votre aide

Lien vers le commentaire
Partager sur d’autres sites

Salut,

Perso, je vois une photo pour la première carte et rien pour la seconde... :blink:

J'ai essayé de nettoyer ton code pour y voir plus claire... :whistling:

Mais j'avoue que je m'y perd tout de même. :blush:

Le voilà pour ceux qui aurraient le "courage" de s"y pencher:

<html>
<head>
<script src="/ads.js" language=JavaScript></script>

<script language=JavaScript>
<!--
function fnComment(id) {
switch(id) {
case 1: comment.innerHTML = "<b>Les Milandes</b> - Chateau de Josephine Baker"; break;
case 2: comment.innerHTML = "<b>Castelnaud</b> - Chateau Féodal, Musée de la guerre du moyen age; Collection d'armes, machines de guerre.."; break;
case 3: comment.innerHTML = "<b>Marqueyssac</b> - Chateau de Marqueyssac"; break;
case 4: comment.innerHTML = "<b>Lacoste</b> - Chateau de Lacoste"; break;
case 5: comment.innerHTML = "<b>Beynac</b> - Chateau de Beynac"; break;
case 6: comment.innerHTML = "<b>Fenelon</b> - Chateau de Fenelon"; break;
case 7: comment.innerHTML = "<b>Puymartin</b> - Chateau de Puymartin"; break;
case 8: comment.innerHTML = "<b>Losse</b> - Chateau de Losse"; break;
case 9: comment.innerHTML = "<b>Eyrignac</b> - Chateau d'Eyrignac"; break;
case 10: comment.innerHTML = "<b>Hautefort</b> - Chateau de Hautefort"; break;
case 11: comment.innerHTML = "<b>Jumilhac</b> - Chateau de Jumilhac"; break;
case 12: comment.innerHTML = "<b>Puyguilhem</b> - Chateau de Puyguilhem"; break;
case 13: comment.innerHTML = "<b>Richemont</b> - Chateau de Richemont"; break;
case 14: comment.innerHTML = "<b>Bourdeilles</b> - Chateau de Bourdeilles"; break;
case 15: comment.innerHTML = "<b>Les Bories</b> - Chateau des Bories"; break;
case 16: comment.innerHTML = "<b>Montreal</b> - Chateau de Montreal"; break;
case 17: comment.innerHTML = "<b>Monbazillac</b> - Chateau de Monbazillac"; break;
case 18: comment.innerHTML = "<b>Biron</b> - Chateau de Biron"; break;
}
}
-->
</script>

<script language="JavaScript">
function PopupCentrer(page,largeur,hauteur,options) {
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</script>

<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>


<body onLoad="MM_preloadImages('images/daglan.JPG','images/2.JPG','images/Image28.jpg','images/Image05.jpg','images/Image22.jpg','images/Image57.jpg','images/Image02.jpg','images/Image03.jpg','images/Image06.jpg','images/Image108.jpg','images/Image110.jpg','images/Image19.jpg','images/Image102.jpg','images/Image91.jpg','images/Image18.jpg','images/Image103.jpg','images/Image24.jpg','images/Image106.jpg','images/Image107.jpg','images/Image39.jpg','images/Image104.jpg','images/Image105.jpg','images/Image33.jpg','images/Image13.jpg')">

<div id="Layer104" style="position:absolute; left:494px; top:657px; width:326px; height:238px; z-index:1; visibility: hidden;"><span style="position: absolute; left: 68; top: -530"><img src="images/daglan.JPG" width="327" height="240" align="absmiddle"></span></div>
<div id="Layer69" style="position:absolute; left:497px; top:658px; width:321px; height:241px; z-index:2; visibility: hidden;"> </div>
<div id="Layer70" style="position:absolute; left:498px; top:659px; width:320px; height:240px; z-index:3; visibility: hidden;"> </div>
<div id="Layer28" style="position:absolute; left:497px; top:658px; width:323px; height:240px; z-index:4; visibility: hidden;"> </div>
<div id="Layer08" style="position:absolute; left:496px; top:659px; width:325px; height:241px; z-index:5; visibility: hidden;"> </div>
<div id="Layer05" style="position:absolute; left:495px; top:658px; width:325px; height:242px; z-index:6; visibility: hidden;"> </div>
<div id="Layer22" style="position:absolute; left:497px; top:657px; width:322px; height:242px; z-index:7; visibility: hidden;"> </div>
<div id="Layer57" style="position:absolute; left:496px; top:656px; width:323px; height:242px; z-index:8; visibility: hidden;"> </div>
<div id="Layer02" style="position:absolute; left:496px; top:656px; width:321px; height:238px; z-index:9; visibility: hidden;"> </div>
<div id="Layer03" style="position:absolute; left:500px; top:657px; width:313px; height:234px; z-index:10; visibility: hidden;"> </div>
<div id="Layer06" style="position: absolute; left: 497; top: 656; width: 321; height: 218; z-index: 11; visibility: hidden"> </div>
<div id="Layer108" style="position:absolute; left:497px; top:654px; width:318px; height:234px; z-index:12; visibility: hidden;"> </div>
<div id="Layer110" style="position:absolute; left:498px; top:653px; width:317px; height:232px; z-index:13; visibility: hidden;"> </div>
<div id="Layer19" style="position:absolute; left:497px; top:655px; width:314px; height:232px; z-index:14; visibility: hidden;"> </div>
<div id="Layer102" style="position:absolute; left:493px; top:653px; width:324px; height:240px; z-index:15; visibility: hidden;"> </div>
<div id="Layer91" style="position:absolute; left:499px; top:654px; width:310px; height:229px; z-index:16; visibility: hidden;"> </div>
<div id="Layer18" style="position:absolute; left:497px; top:653px; width:322px; height:237px; z-index:17; visibility: hidden;"> </div>
<div id="Layer103" style="position:absolute; left:498px; top:654px; width:321px; height:237px; z-index:18; visibility: hidden;"> </div>
<div id="Layer24" style="position:absolute; left:497px; top:652px; width:322px; height:240px; z-index:19; visibility: hidden;"> </div>
<div id="Layer106" style="position:absolute; left:494px; top:649px; width:321px; height:241px; z-index:20; visibility: hidden;"> </div>
<div id="Layer107" style="position:absolute; left:496px; top:650px; width:322px; height:240px; z-index:21; visibility: hidden;"> </div>
<div id="Layer39" style="position:absolute; left:500px; top:646px; width:317px; height:245px; z-index:22; visibility: hidden;"> </div>
<div id="Layer105" style="position:absolute; left:499px; top:648px; width:322px; height:243px; z-index:23; visibility: hidden;"> </div>
<div id="Layer33" style="position:absolute; left:494px; top:651px; width:323px; height:234px; z-index:24; visibility: hidden;">
<div align="left"> </div>
</div>

<p> </p>
<p><map name="FPMap0">

<area onmouseover="MM_showHideLayers('Layer02','','show')" onmouseout="MM_showHideLayers('Layer02','','hide')" shape="RECT" target="_blank" coords="16, 112, 65, 140">
<area onmouseover="MM_showHideLayers('Layer03','','show')" onmouseout="MM_showHideLayers('Layer03','','hide')" shape="RECT" target="_blank" coords="349, 29, 385, 64">
<area onmouseover="MM_showHideLayers('Layer08','','show')" onmouseout="MM_showHideLayers('Layer08','','hide')" shape="RECT" target="_blank" coords="269, 189, 297, 205">
<area onmouseover="MM_showHideLayers('Layer57','','show')" onmouseout="MM_showHideLayers('Layer57','','hide')" shape="RECT" target="_blank" coords="337, 231, 366, 258">
<area onmouseover="MM_showHideLayers('Layer24','','show')" onmouseout="MM_showHideLayers('Layer24','','hide')" shape="RECT" target="_blank" coords="350, 302, 378, 321">
<area onmouseover="MM_showHideLayers('Layer105','','show')" onmouseout="MM_showHideLayers('Layer105','','hide')" shape="RECT" target="_blank" coords="403, 298, 432, 318">
<area onmouseover="MM_showHideLayers('Layer39','','show')" onmouseout="MM_showHideLayers('Layer39','','hide')" shape="RECT" target="_blank" coords="357, 341, 382, 356">
<area onmouseover="MM_showHideLayers('Layer18','','show')" onmouseout="MM_showHideLayers('Layer104','','hide','Layer18','','hide')" shape="RECT" target="_blank" coords="185, 276, 215, 296">
<area onmouseover="MM_showHideLayers('Layer69','','show')" onmouseout="MM_showHideLayers('Layer69','','hide')" target="_blank" href="../vacances%20en%20perigord2/chateaux-du-perigord/1.JPG" coords="18, 14, 64, 52" shape="RECT">
<area onmouseover="MM_showHideLayers('Layer70','','show')" onmouseout="MM_showHideLayers('Layer70','','hide')" shape="RECT" target="_blank" coords="183, 136, 204, 153">
<area onmouseover="MM_showHideLayers('Layer33','','show')" onmouseout="MM_showHideLayers('Layer33','','hide')" shape="RECT" target="_blank" coords="314, 362, 336, 382">
<area onmouseover="MM_showHideLayers('Layer13','','show')" onmouseout="MM_showHideLayers('Layer13','','hide')" shape="RECT" target="_blank" coords="367, 373, 390, 391">
<area onmouseover="MM_showHideLayers('Layer06','','show')" onmouseout="MM_showHideLayers('Layer06','','hide')" shape="RECT" target="_blank" coords="365, 72, 390, 94">
<area onmouseover="MM_showHideLayers('Layer22','','show')" onmouseout="MM_showHideLayers('Layer22','','hide')" shape="RECT" target="_blank" coords="17, 65, 70, 102">
<area onmouseover="MM_showHideLayers('Layer28','','show')" onmouseout="MM_showHideLayers('Layer28','','hide')" shape="RECT" target="_blank" coords="170, 100, 195, 123">
<area onmouseover="MM_showHideLayers('Layer103','','show')" onmouseout="MM_showHideLayers('Layer103','','hide')" shape="RECT" target="_blank" coords="149, 356, 180, 385">
<area onmouseover="MM_showHideLayers('Layer05','','show')" onmouseout="MM_showHideLayers('Layer05','','hide')" shape="RECT" target="_blank" coords="288, 94, 311, 112">
<area onmouseover="MM_showHideLayers('Layer19','','show')" onmouseout="MM_showHideLayers('Layer19','','hide')" shape="RECT" target="_blank" coords="274, 425, 301, 447">
<area onmouseover="MM_showHideLayers('Layer91','','show')" onmouseout="MM_showHideLayers('Layer91','','hide')" shape="RECT" target="_blank" coords="425, 57, 479, 114">
<area onmouseover="MM_showHideLayers('Layer110','','show')" onmouseout="MM_showHideLayers('Layer110','','hide')" shape="RECT" target="_blank" coords="391, 154, 420, 180">
<area onmouseover="MM_showHideLayers('Layer108','','show')" onmouseout="MM_showHideLayers('Layer108','','hide')" shape="RECT" target="_blank" coords="21, 156, 46, 202">
<area onmouseover="MM_showHideLayers('Layer106','','show')" onmouseout="MM_showHideLayers('Layer106','','hide')" shape="RECT" target="_blank" coords="341, 366, 362, 384">
<area onmouseover="MM_showHideLayers('Layer104','','show')" onmouseout="MM_showHideLayers('Layer104','','hide')" shape="RECT" target="_blank" coords="343, 395, 374, 415">
<area onmouseover="MM_showHideLayers('Layer107','','show')" onmouseout="MM_showHideLayers('Layer107','','hide')" shape="RECT" target="_blank" coords="325, 331, 350, 353">
<area onmouseover="MM_showHideLayers('Layer102','','show')" onmouseout="MM_showHideLayers('Layer102','','hide')" shape="RECT" target="_blank" coords="447, 167, 472, 196"></map><img src="images/plan-duplex.gif" useMap="#FPMap0" border="0" width="480" height="472"></p>

<table cellSpacing=0 cellPadding=0 width=756 border=0 height="54">
<tr><td width=596 id=comment align=center style="font-size: 8pt" height="57"><p align="left"> </p></td></tr>
<tr><td width="596" height="1" valign="top">
<map name="sites">
<area shape="rectangle" coords="265, 310, 285, 323"
href="../vacances%20en%20perigord2/chateaux-du-perigord/milandes.htm" alt="Les Milandes"
onmouseover="fnComment(1);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="287, 313, 308, 326"
href="../vacances%20en%20perigord2/chateaux-du-perigord/castelnaud.htm" alt="Castelnaud"
onmouseover="fnComment(2);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="275, 287, 295, 299"
href="../vacances%20en%20perigord2/chateaux-du-perigord/beynac.htm" alt="Beynac"
onmouseover="fnComment(5);" onmouseout="comment.innerText = '';" target="_blank toolbar=1, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=25, height=15');">
<area shape="rectangle" coords="281, 337, 315, 347"
href="../vacances%20en%20perigord2/chateaux-du-perigord/Lacoste.htm" alt="Suivez nous pour visiter le Chateau Lacoste"
onmouseover="fnComment(4);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="327, 135, 355, 152"
href="../vacances%20en%20perigord2/chateaux-du-perigord/hautefort.htm" alt="Hautefort"
onmouseover="fnComment(10);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="233, 163, 249, 179"
href="../vacances%20en%20perigord2/chateaux-du-perigord/bories.htm" alt="Les Bories"
onmouseover="fnComment(3);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="304, 291, 320, 307"
href="../vacances%20en%20perigord2/chateaux-du-perigord/marqueyssac.htm" alt="Marqueyssac"
onmouseover="fnComment(3);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="367, 296, 395, 313"
href="../vacances%20en%20perigord2/chateaux-du-perigord/fenelon.htm" alt="Fenelon"
onmouseover="fnComment(6);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="336, 254, 364, 271"
href="../vacances%20en%20perigord2/chateaux-du-perigord/eyrignac.htm" alt="Eyrignac"
onmouseover="fnComment(9);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="230, 364, 258, 381"
href="../vacances%20en%20perigord2/chateaux-du-perigord/biron.htm" alt="Biron"
onmouseover="fnComment(18);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="304, 64, 332, 81"
href="../vacances%20en%20perigord2/chateaux-du-perigord/jumilhac.htm" alt="Jumilhac"
onmouseover="fnComment(11);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="294, 257, 322, 274"
href="../vacances%20en%20perigord2/chateaux-du-perigord/puymartin.htm" alt="Puymartin"
onmouseover="fnComment(7);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="282, 204, 310, 221"
href="../vacances%20en%20perigord2/chateaux-du-perigord/losse.htm" alt="Losse"
onmouseover="fnComment(8);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="139, 87, 167, 104"
href="../vacances%20en%20perigord2/chateaux-du-perigord/richemont.htm" alt="Richemont"
onmouseover="fnComment(13);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="156, 234, 184, 251"
href="../vacances%20en%20perigord2/chateaux-du-perigord/montreal.htm" alt="Montreal"
onmouseover="fnComment(16);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="240, 79, 268, 96"
href="../vacances%20en%20perigord2/chateaux-du-perigord/Puyguilhem.htm" alt="Puyguilhem"
onmouseover="fnComment(12);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="150, 114, 178, 131"
href="../vacances%20en%20perigord2/chateaux-du-perigord/bourdeilles.htm" alt="Bourdeilles"
onmouseover="fnComment(14);" onmouseout="comment.innerText = '';" target="_blank">
<area shape="rectangle" coords="122, 308, 150, 325"
href="../vacances%20en%20perigord2/chateaux-du-perigord/monbazillac.htm" alt="Monbazillac"
onmouseover="fnComment(17);" onmouseout="comment.innerText = '';" target="_blank">
</map>
<img src="images/carteperigord1.gif" usemap="#sites" border=0 width="405" height="402">
<p align="left"> <b><font size="4" color="#9CA573"> Sur la route des mille et un châteaux du Périgord<br></font>
<font size="1">pour plus d'infos, cliquez sur le chateau </font></b>

<p> </p>

</tr></table>

</body>
</html>

Gribouille

<edit modérateur: merci de mettre cette montagne de code dans une codebox afin d'éviter les problèmes d'affichage>

Modifié par Loupilo
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...