Titre: Probleme Lightbox et wow slider
Posté par: costors le le 07-03-2014 a 11:45:35
Tout d'abord bonjour, je me présente rapidement avant de poser ma question ça vous aidera mieux pour m'aider. Merci.
A la base je suis infographiste 2d/3d spécialisé jeux vidéo et effets spéciaux mais j'ai créer un site internet avec dreamweaver.
Je ne connais quasi rien en programmation ma technique pour pouvoir faire mon site c'est de copier/coller des bouts de codes un peu partout de voir ce que ça fait et comment ça fonctionne puis de les modifier pour pouvoir l'adapter a mon site.
Jusque la j'ai toujours réussi a me débrouiller seul même si parfois ça m'a pris des semaines a trouver la solution.
Ici j'ai pas la solution a mon problème.
J'utilise lightbox dans quasi l'ensemble de mon site de la façon suivante :
<a href="Images/gamer.jpg" title="La caverne du gamer" rel="lightbox" </a>
jusque la aucuns problemes, par contre j'ai utiliser et modifier un wow slider (qui fonctionne trés bien) sauf que si je clique sur une image contenue dans mon slider elle s'ouvre par dessus l'ensemble du site même si le rel=lightbox est placé au bonne endroit. Il doit y avoir une astuce mais je ne trouve pas.
voici le code de mon wow slider
<div id="slide">
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><a href="Images/blackcard.jpg"><img src="wow/data1/images/test1.png" alt="3dx" title="3dx" id="wows1_0"/></a>carte de visite</li>
<li><a href="http://apps.microsoft.com/windows/fr-BE/app/blackjack-x8/b8a12b38-617a-48a6-a958-0ee6f399fe7b" target="_blank"><img src="wow/data1/images/test2.png" alt="blackjack x8" title="blackjack 8x" id="wows1_1"/></a>Programmeur Damien Vande Kerckhove - Designer Stefano Costorella</li>
<li><a href="https://www.facebook.com/LaCaverneDuGamer?ref=hl" target="_blank"><img src="wow/data1/images/test3.png" alt="caverne du gamer" title="caverne du gamer" id="wows1_2"/></a>page facebook</li>
<li><img src="wow/data1/images/test4.png" alt="cyclope" title="cyclope" id="wows1_3"/>i am x-men</li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="3dx">1</a>
<a href="#" title="blackjack x8">2</a>
<a href="#" title="caverne du gamer">3</a>
<a href="#" title="cyclope">4</a>
</div></div>
<a class="wsl" href="http://wowslider.com">Javascript Image Fader by WOWSlider.com v3.3</a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="wow/engine1/wowslider.js"></script>
<script type="text/javascript" src="wow/engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
</div>
MERCI POUR VOTRE AIDE |
Titre: Re:Probleme Lightbox et wow slider
Posté par: Soundboy39 le le 08-03-2014 a 21:54:52
Qu'est ce que tu veut dire par : " elle s'ouvre par dessus l'ensemble du site" ??
Elle surplombe le contenu comme la lightbox ??
Je ne sais pas exactement où doivent mener les liens du slider mais en tout cas je ne vois pas de rel="lightbox", par contre je vois des target="blank", ce qui signifie que le lien s'ouvre dans une nouvelle fenêtre... |
Titre: Re:Probleme Lightbox et wow slider
Posté par: costors le le 16-03-2014 a 17:02:33
En fait je n'ai qu'un seul probleme c'est pour que les images s'ouvrent avec le lightbox donc qu'elle s'affiche par dessus mon site comme le lightbox classique les autres liens c'est normal qu'il y ai des targets "blank" en fait il n'y a que la premiere ligne qui me pose probleme parce que le lightbox ne reagit pas du tout
<li><a href="Images/blackcard.jpg" rel="lightbox"><img src="wow/data1/images/test1.png" alt="3dx" title="3dx" id="wows1_0"/></a>carte de visite</li>
avec ça l'image que je veux afficher se met par dessus mon site mais pas a la maniere d'un lightbox juste comme un target="_self"
voici le lien de mon site si ça peut aider c'est ma carte de visite qui est en premiere position dans mon wow slider et c'est celle la qui doit s'afficher en lightbox. Si on clique sur l'image en bas a droite ou partout dans le site ou il y a des images on remarque que le lightbox fonctionne.
Merci pour votre aide
www.3dx.be
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|