MODX :: Problème de lightbox

montilletp Reply #1, 3 months, 2 weeks ago

Link to this post#1

Bonjour ami modxien !

J'ai un problème pour installer une lightbox. Généralement ça pose pas de soucis mais là...
Je crois que c'est pas compatible avec les autres scripts...

<!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" />
<meta content="fr" http-equiv="content-language"/>
<meta content="Maison TradiConfort, votre constructeur de maison individuelle dans la rÃ©gion rhÃ´ne-Alpes ! Construisez dans le confort ! Maison TradiConfort assure une sÃ©lection des entreprises et artisans qui travailleront sur votre chantier. Les matÃ©riaux utilisÃ©s sont toujours de qualitÃ© pour vous garantir la meilleure prestation possible. " />

<meta content="Traditconfort, constructeur, Construction de maison individuelle, construction de maisons individuelles, construction maison, construction de maison, construction de maisons, contrat de construction de maison individuelle, Recherche de terrain, terrains, maison terrain, maison et terrain, terrain en vente, terrain constructible, acheter terrain, acheter un terrain, prix de terrain, annonce de terrain, Financement achat immobilier, crÃ©dit immobilier, crÃ©dit immo, prÃªts immobilier, crÃ©dit immobiliers, Achat de terrain, vente de terrain Ã  batir, plans de maison, plans de maisons, Constructeur de maison individuelle, Devenir propriÃ©taire, Promoteur immobilier, maison rhÃ´ne alpes, maison rhÃ´ne-alpes, maison, maisons, construction, immobilier, plans de construction de maisons, achat maison, maison isÃ¨re, maison drÃ´me, maison rhÃ´ne, maison neuve isÃ¨re, maison valence, propriÃ©taire, drÃ´me, isÃ¨re, ain, savoie, rhÃ´ne, rhÃ´ne-Alpes, maison neuve, construction maison neuve, constructeur de maison rhone alpes, construction maison rhone alpes, construction maison contemporaine, construction maison prix, plans de maison gratuit, construction d une maison, construction maison pas cher, constructeur de maison rhone, construction maison passive, construction maison 69, coÃ»t construction maison, construire maison, constructeurs maisons, construire sa maison, faire construire sa maison, constructeur maison isÃ¨re, maison en construction " name="keywords" />

<meta content="Maison TradiConfort, votre constructeur de maison individuelle dans la rÃ©gion rhÃ´ne-Alpes !" name="owner" />
<meta content="index, follow" name="robots" />
<meta content="Maison TradiConfort, votre constructeur de maison individuelle dans la rÃ©gion rhÃ´ne-Alpes !" name="copyright" />
<title>Maison Tradiconfort | [[*pagetitle]]</title>

<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<link href="assets/css/juizDropDownMenu.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="assets/css/slider/nivo-slider.css" type="text/css" media="screen" />
    
    <link rel="stylesheet" href="../themes/default/default.css" type="text/css" media="screen" />

    
<link href="assets/images/favicon.ico" rel="SHORTCUT ICON" />
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
  
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> 
 <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" /> 
 
     <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
  
  
</head>

<body>

 
<center>
<div id="fond">
<div id="conteneur" align="center" >

<div id="header">
  <img src="assets/images/logo.png" alt="logo" width="25%" align="left"/>
 <div id="recherche" align="right">
 <!--/ <img src="assets/images/recherche.png" alt="recherche" width="244" height="61"/> /-->
  <form action="index.html">
    <input class="recherche" name="recherche" type="text"  value="Votre recherche ici"/>
    <input class="ok" name="ok" type="button" value="ok" />
  </form>
 </div> <!--/ fin id recherche/-->
  <p class="haut_de_page" ><a href="#" class="haut_de_page">Norme BBC |</a><a href="#" class="haut_de_page"> maisons et terrain | </a><a href="#" class="haut_de_page"> recrutement | </a><a href="#" class="haut_de_page">contact</a></p>
  <h1 class="h1">Construisez dans </h1>
 <h1 class="h2"> le <span>CONFORT</span> !</h1>
 
<img src="assets/images/numero.png"  style="position:absolute; left:730px; top:80px;" alt="numÃ©ro vert: 0800 504 184" />
  </div>  <!--/ fin id header/-->




 
<div id="menu" >


			<ul id="dropdown">
				<li><a href="[[~1]]" class="check2">Accueil</a></li>
				<li><a href="#rea">Nous connaÃ®tre</a>
					<ul>
						<li><a href="[[~3]]">Qui sommes nous ?</a></li>
						
					
						<li><a href="[[~5]]">Notre Ã©quipe</a></li>
						<li>
							<a href="[[~6]]">Nos partenaires</a>
						</li>
					</ul>
				</li>
                	<li><a href="[[~20]]">Nos agences</a></li>
				<li><a href="#">Votre projet</a>
					<ul>
						<li><a href="[[~7]]">Nos conseils</a></li>
						<li><a href="[[~8]]">Les Ã©tapes du projet</a></li>
                       			        <li><a href="[[~9]]">Les aides financiÃ¨res </a></li>
                       				<li><a href="[[~10]]">Documentation</a></li>
					</ul>
				</li>
                <li><a href="#">Nos maisons et terrains</a>
					<ul>
						<li><a href="[[~11]]">Nos rÃ©alisations</a></li>
						<li><a href="[[~12]]">Nos offres terrains</a></li>
						<li><a href="[[~13]]">Nos offres maisons</a></li>
                                                <li><a href="[[~18]]">Maisons BBC</a></li>
					</ul>
				</li>
                 <li><a href="#">Nos garanties</a>
					<ul>
					  	<li><a href="[[~15]]">Nos garanties</a></li>
						<li><a href="[[~16]]">DÃ©marche qualitÃ©</a></li>
						<li><a href="[[~17]]">Contrat de construction</a></li>
						<li><a href="[[~18]]">Les normes</a></li>
                       
					</ul>
				</li>
				<li><a href="[[~19]]"  >Contactez-nous</a></li>
			</ul>
            	
		<script type="text/javascript" src="assets/js/jquery-1.4.2.min.js"></script>	
		<script type="text/javascript" src="assets/js/juizDropDownMenu-1.5.6.min.js"></script>
		<script type="text/javascript">
		$(function(){
			$("#dropdown").juizDropDownMenu({
				'showEffect' : 'fade',
				'hideEffect' : 'slide'
			});
		});
		</script>

	



</div> <!--/ fin id menu/-->
 


<div id="milieu">
  <div id="breadcrumb">
[[Breadcrumbs? &crumbSeparator=`` &homeCrumbTitle=`Accueil` &bcTplCrumbLink=`<a class="B_crumb"  rel="[[+description]]" href=""><span class="bread" >[[+text]] Â» </span></a>` 
   
 &bcTplCrumbHome=`<a class="B_homeCrumb"  rel="[[+description]]" href="[[~[[++site_start]]]]"><span class="bread"> [[+text]] Â»  </span></a>`
  
  &bcTplCrumbCurrentLink=`<a class="B_currentCrumb"  rel="[[+description]]" href="[[~[[+resource]]]]"><span  class="bread">[[+text]]</span></a>` 
  &bcTplCrumbCurrent=`<li class="B_currentCrumb" >[[+text]]</li>` 
  &bcTplCrumbFirst=`<li class="B_firstCrumb" >[[+text]]</li>`
  &bcTplCrumbLast=`<li class="B_lastCrumb">[[+text]]</li>`
  &bcTplCrumbMax=`<li class="B_hideCrumb" >[[+text]]</li>`
   ]]
  </div > <!--/ fin id breadcrumb/-->


  <h2 class="titre_page">[[*pagetitle]]</h2>
 
  <div align="left" style="width:700px;"  > <p align="left" class="maison"><img src="assets/images/[[*ma_tv]]" style="float:left; margin-right:15px;" />
    [[*content]] 
  <h3>  A partir de : [[*tarif]]â�¬ </h3>
   <p class="maison"> RÃ©f: [[*ref]] <br />
     TÃ©l: [[*tel]] </p> </div> <br /> <br />

  <div align="left" style="width:700px;"> <p> <b>Autres photos : </b> </p> </div>
  <div align="left" style="width:700px;" id="gallery" >  
  <a href="[[*image1]]"> <img src="[[*image1]]"style="width:140px; height:85px;"/> </a> 
  <a href="[[*image2]]"> <img src="[[*image2]]" style="width:140px; height:85px;"/> </a>
  <a href="[[*image3]]"> <img src="[[*image3]]"style="width:140px; height:85px;"/></a>
  </div >
  
  <br/>
  

</div> <!--/ fin id milieu/-->


</div>  <!--/ fin id conteneur/-->

<div id="footer">
  <p ><a href="[[~23]]" class="footer">Plan du site |</a><a href="[[~13]]" class="footer"> Projet maison | </a><a href="[[~21]]" class="footer"> Recrutement | </a><a href="[[~22]]" class="footer"> Mentions lÃ©gales | </a><a href="mailto:p.montillet@groupeta.fr" class="footer">Contact webmaster</a></p>

</div> 
 

</div>  <!--/ fin id fond/-->
</center>


</body>

</html>

et dans mon répertoire js il cohabite avec :

juizDropDownMenu-1.5.6.min.js
jquery.lightbox-0.5.pack.js
jquery.lightbox-0.5.min.js
jquery.lightbox-0.5.js
jquery.js
jquery-1.4.3.js
jquery-1.4.2.min.js
jquery-1.4.2.js
jquery-1.3.2.js
jqGalViewII.pack.js
jqGalViewII.min.js
jqGalViewII.js

Problème de lightbox#

montilletp Reply #1, 3 months, 2 weeks ago