Installation Greybox

TO LET OPINIONS , QUESTION , REQUEST or JUST FOR LET FRIENDLY MESSAGE

Installation Greybox

Postby nexo63 on Sun Feb 19, 2012 1:41 pm

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&eacute;cialiste des ann&eacute;es 20 &agrave; 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 &agrave; nos jours, assure tout type d'animations, priv&eacute;es ou publiques, pour une totale r&eacute;ussite de vos soir&eacute;es"/>
<meta name="Keywords" content="miami, miamiduo, miami duo, duo, musique, concert, animation musicale, spectacle, prestation, chanteuse, guitariste, r&eacute;pertoire, ann&eacute;es 80, ann&eacute;es 70, vari&eacute;t&eacute;s, rock, disco, musette, caf&eacute; concert, artiste, musicien, groupe, formation, sabine, olivier, animations, live, soir&eacute;e priv&eacute;e, mariage, anniversaire, d&icirc;ner concert, soir&eacute;e &agrave; th&egrave;me, municipalit&eacute;, office de tourisme, casino, village de vacances, guitare, accord&eacute;on, audience, animations artistiques, sono, lumi&egrave;res, sc&egrave;ne, golf drouot, best of, ann&eacute;es 30, ann&eacute;es 40, ann&eacute;es 50, ann&eacute;es 60, queenieduo, son, groupe, audio, d&eacute;mo, titre, bonus track, cd, extraits, morceaux, animation, organiser, comit&eacute; d'entreprise, mat&eacute;riel de musique, auditoire, fiche technique, plan de sc&egrave;ne, diffusion sonore, dates de concert, promo, campings, public, batteur, batterie, guitare, basse, claviers, piano, accueil, photos, r&eacute;f&eacute;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">&nbsp;</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&eacute;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&eacute;o','','../buttons_5/video_on.gif',1)"><img src="../buttons_5/video_off.gif" alt="Vid&eacute;o" name="Vid&eacute;o" width="92" height="32" border="0" id="Vid&eacute;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">&nbsp;</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">&nbsp;</p>
<p align="center" class="texte_accueil2">&nbsp;</p>
<p align="center" class="texte_accueil2">&nbsp;</p>
<p align="center" class="texte_accueil2">&nbsp;</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>
User avatar
nexo63
 
Posts: 4
Joined: Sat Jan 24, 2009 1:34 am

Re: Installation Greybox

Postby RAD on Tue Feb 21, 2012 10:06 am

SALUT

je t ai fait ta page avec 2 exemples de greybox , 1 sur des liens un autre sur des images ,

il y as 2 page html une pour que l exemple fonctionne en local (sur ton pc )"local.html" ,
l autre est pour ton site "online a editer.html",a editer car il faut que tu mette le lien de ton site a un js

regarde les code sources des pages j ai commente les emplacement des js ,du lien a modifier et des exemples !

telecharge les fichiers

si tu ne comprend pas demande moi !

a+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am


Return to RAD ZONE FORUM

Who is online

Users browsing this forum: No registered users and 1 guest

cron