Discussion :

[Invit-é]

Bonsoir,

Je galère un peu dans l'installation du ColorBox...

entre les balises HEAD

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<link rel="stylesheet" href="./js/colorbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/jquery.colorbox.js"></script>
<script type="text/javascript">
$(function() { $('#ContenuArticle a img').colorbox(); });
</script>

L'image s'ouvre dans une nouvelle fenêtre et pas dans la colorbox...

[Sourrisseau]

donner le code Html ou se trouvent tes images ?

[Invit-é]

Voici le code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="ContenuArticle">
<p align=center>
   <a href="images/photos/20100324pk17.jpg">
      <img src="images/photos/20100324pk17.jpg" width="450px">
   </a>
</p>
</div>

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#ContenuArticle").find("a").colorbox();

[Invit-é]

Merci beaucoup mais les liens ne fonctionnent plus maintenant... ^^
Dans la colorbox, j'ai que la croix pour quitter, pas les boutons suivant ou précédent...

[danielhagnoul]

Bonjour.

Si tous les liens dans la division ne sont pas destinés à colorbox, évidemment cela pose problème.
Mais pourquoi n'utilisez-vous pas le code des exemples : http://colorpowered.com/colorbox/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p><a href="../content/ohoopee1.jpg" rel="example1" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
<p><a href="../content/ohoopee2.jpg" rel="example1" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
<p><a href="../content/ohoopee3.jpg" rel="example1" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("a[rel='example1']").colorbox();

[Invit-é]

En fait j'avais déjà quelques centaines d'articles dans ma bdd, donc j'ai utilisé un système de remplacement pour intégrer l'attribut "rel".

Merci beaucoup de votre aide !