Bonjour Rad,
J'aimerais installer une Greybox sur ma page photos. Je suis sous Dreamweaver.
J'essaye sans y parvenir.
Comment faire ? J'ai téléchargé et extrait l'archive en 2 dossiers
- Greybox v_5_54 et _MACOSX.
Que dois-je en faire et lequel mettre dans mon site sous Dreamweaver?
Voici le code source de ma page où insérer la box.
Merci. Nexo63.
<!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>
<link rel="icon" type="image/png" href="/banners_images/favicon.png" />
<title>Miami, un duo musical professionnel, spécialiste des années 20 à nos jours - Audio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Miami, duo musical professionnel revisitant les annees 20 à nos jours, assure tout type d'animations, privées ou publiques, pour une totale réussite de vos soirées"/>
<meta name="Keywords" content="miami, miamiduo, miami duo, duo, musique, concert, animation musicale, spectacle, prestation, chanteuse, guitariste, répertoire, années 80, années 70, variétés, rock, disco, musette, café concert, artiste, musicien, groupe, formation, sabine, olivier, animations, live, soirée privée, mariage, anniversaire, dîner concert, soirée à thème, municipalité, office de tourisme, casino, village de vacances, guitare, accordéon, audience, animations artistiques, sono, lumières, scène, golf drouot, best of, années 30, années 40, années 50, années 60, queenieduo, son, groupe, audio, démo, titre, bonus track, cd, extraits, morceaux, animation, organiser, comité d'entreprise, matériel de musique, auditoire, fiche technique, plan de scène, diffusion sonore, dates de concert, promo, campings, public, batteur, batterie, guitare, basse, claviers, piano, accueil, photos, références, technique, instruments de musique, instruments, home studio, studio d'enregistrement, chanteur"/>
<meta name="Author" content="Miami"/>
<meta name="Publisher" content="Miami"/>
<meta name="Copyright" content="Miami"/>
<meta name="Content-language" content="fr"/>
<script type="text/javascript">
<style type="text/css">
/*
<![CDATA[*/ <!-- body,td,th {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
} body { background-repeat: no-repeat; background-image: url(../banners_images/fond.png); } .texte_accueil { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #999999; } a:active { color: #FF0000; } .Style7 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; }
.Style9 {font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif;}
.Style12 {font-size: 14px}
.Style14 {color: #000000}
.haut_de_page { font-size: 12px;
font-style: italic;
color: #FF0000;
}
.Style34 {color: #FF0000; font-size: 12px; }
.Style36 {color: #FFFF00}
.Style38 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; }
.Style40 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; }
.Style2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; }
.Style20 { font-size: 13px;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
}
.Style30 {font-family: Arial, Helvetica, sans-serif}
.Style31 {font-size: 13px}
.Style32 { font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.Style41 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.texte_accueil1 { font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
font-family: "Arial Rounded MT Bold";
}
.Style42 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; }
.Style43 {line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFF00; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.Style44 { font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FF0000;
}
.Style45 {font-weight: bold; font-variant: normal; text-transform: none; color: #FF0000; font-style: normal; font-family: Arial, Helvetica, sans-serif; line-height: normal;}
.texte_accueil2 {font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
}
-->/*]]>*/
</style>
<script type="text/javascript">
<!--
//<![CDATA[
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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];}}
}
function MM_findObj(n, d) { //v4.01
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 && d.getElementById) x=d.getElementById(n); return x;
}
//-->
//]]>
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body onload="MM_preloadImages('../buttons_5/repertoire_on.gif','../buttons_5/audio_on.gif','../buttons_5/video_on.gif','../buttons_5/dates_on.gif','../buttons_5/conditions_on.gif','../buttons_5/technique_on.gif','../buttons_5/contact_on.gif','../buttons_5/accueil_on.gif','../buttons_5/photos_off.gif')">
<div align="center">
<table width="103" border="0" align="center" background="../banners_images/dgrey078.jpg">
<tr>
<td height="708" align="center" valign="middle" class="texte_accueil"><div align="center"><br />
<img src="../banners_images/Logo new.jpg" alt="Miami" width="593" height="138" align="top" /><br />
</div>
<table width="920" border="0" align="center" background="../banners_images/dgrey078.jpg">
<tr>
<td width="959" height="116" align="left" valign="top"><p align="center"> </p>
<div align="center">
<table width="874" border="0" align="center" bordercolor="#FFFFFF">
<tr>
<td width="93" height="40"><a href="accueil_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','../buttons_5/accueil_on.gif',1)"><img src="../buttons_5/accueil_off.gif" alt="Accueil" name="Image12" width="92" height="32" border="0" id="Image12" /></a></td>
<td width="93"><a href="repertoire_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','../buttons_5/repertoire_on.gif',1)"><img src="../buttons_5/repertoire_off.gif" alt="Répertoire" name="Image17" width="92" height="32" border="0" id="Image17" /></a></td>
<td width="93"><a href="audio_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Audio','','../buttons_5/audio_on.gif',1)"><img src="../buttons_5/audio_off.gif" alt="Audio" name="Audio" width="92" height="32" border="0" id="Audio" /></a></td>
<td width="93"><a href="video_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Vidéo','','../buttons_5/video_on.gif',1)"><img src="../buttons_5/video_off.gif" alt="Vidéo" name="Vidéo" width="92" height="32" border="0" id="Vidéo" /></a></td>
<td width="93"><a href="dates_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Dates','','../buttons_5/dates_on.gif',1)"><img src="../buttons_5/dates_off.gif" alt="Dates" name="Dates" width="92" height="32" border="0" id="Dates" /></a></td>
<td width="93"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','../buttons_5/photos_off.gif',1)"><img src="../buttons_5/photos_off.gif" alt="Photos" name="Image11" width="92" height="32" border="0" id="Image11" /></a></td>
<td width="93"><a href="conditions_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Conditions','','../buttons_5/conditions_on.gif',1)"><img src="../buttons_5/conditions_off.gif" name="Conditions" width="92" height="32" border="0" id="Conditions" /></a></td>
<td width="93"><a href="technique_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Technique','','../buttons_5/technique_on.gif',1)"><img src="../buttons_5/technique_off.gif" alt="Technique" name="Technique" width="92" height="32" border="0" id="Technique" /></a></td>
<td width="92"><a href="contact_new.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','../buttons_5/contact_on.gif',1)"><img src="../buttons_5/contact_off.gif" alt="Contact" name="Contact" width="92" height="32" border="0" id="Contact" /></a></td>
</tr>
</table>
</div> <p align="center"> </p></td>
</tr>
<tr>
<td height="397" align="left" valign="top"><div align="center"></div>
<p align="center"><br />
</p>
<p align="center" class="texte_accueil2"> </p>
<p align="center" class="texte_accueil2"> </p>
<p align="center" class="texte_accueil2"> </p>
<p align="center" class="texte_accueil2"> </p>
<p align="center" class="texte_accueil2"><br />
<br />
</p>
<p align="center" class="texte_accueil2"><br />
</p></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>