We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 38506
    • 103 Posts
    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:[email protected]" 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


      • 34192 ☆ A M B ☆
      • 116 Posts
      Bonjour,

      Juste pour être sur, ton dossier js se trouve bien à la racine de ton site MODx ?
        Donner vie à votre entreprise avec W&B CREATION
        Portfolio : Manuel GOBEAUT
        Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx
        • 38506
        • 103 Posts
        non dans assets/js/
          • 34192 ☆ A M B ☆
          • 116 Posts
          Quand tu appelles les fichiers js ci-dessous, tu ne mentionnes pas le dossier assets, le problème pourrait venir de cela non ?

          <script type="text/javascript" src="js/jquery.js"></script>
          <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
            Donner vie à votre entreprise avec W&B CREATION
            Portfolio : Manuel GOBEAUT
            Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx
            • 38506
            • 103 Posts
            non j'ai essayé ... ça marche pas...

            j'ai essayé avec une autre qui s'appelle shadowbox qui est réputée pour être bien supportée par toutes les librairies : http://www.shadowbox-js.com/index.html

            je fais comme ils le disent. J'ai même mis tous les fichiers ensemble et à la racine... mais ç ane marche pas !!! allez savoir pk ça a marché 5sec... quand j'avais encore les scripts de la lightbox que j'avais pas encore enlevé. j'ai voulu faire du nettoyage dans les fichiers et hop ça n'a plus marché. J'ai réessayé de les remettre et mnt définitivement plus rien !!!
              • 38506
              • 103 Posts
              
              <!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"/>
                
                <link rel="stylesheet" type="text/css" href="/shadowbox.css"> 
                <script type="text/javascript" src="/shadowbox.js"></script> 
                <script type="text/javascript"> Shadowbox.init(); </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]]"  rel="shadowbox"> <img src="[[*image1]]"style="width:140px; height:85px;"/> </a> 
                <a href="[[*image2]]" rel="shadowbox"> <img src="[[*image2]]" style="width:140px; height:85px;"/> </a>
                <a href="[[*image3]]" rel="shadowbox"> <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:[email protected]" class="footer">Contact webmaster</a></p>
              
              </div> 
               
              
              </div>  <!--/ fin id fond/-->
              </center>
              
              
              </body>
              
              </html>
              
              
              
                • 34192 ☆ A M B ☆
                • 116 Posts
                Vérifiez bien les droits d'accès à vos fichiers. Regardez si vous pouvez y accéder grâce au lien du fichier.

                Sinon pouvez-vous me donner le lien du site si celui-ci est accessible ?
                  Donner vie à votre entreprise avec W&B CREATION
                  Portfolio : Manuel GOBEAUT
                  Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx
                  • 38506
                  • 103 Posts