slider et fancybox

Bonjour,

Je suis en train de finaliser un site web et j'ai mis en place un slider (stocké dans une base de données) qui au clique ouvre un pop up fancybox.

Le hic c'est que le pop up s'affiche bien sur le 1er slide mais pas sur le second. J'ai testé en dur et c'est le meme soucis je suis pas trop calé ou JS pour trouver meme si j'ai fait pas mal d'essais (j'ai meme envisagé l'utilisation d'un autre slider mais c'est le meme probleme) Si quelqu'un peux me donner un petit coup de main ça serait sympas.

Voici le script

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
 
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="orbit-1.2.3.css" />
<script type="text/javascript" src="jquery.orbit-1.2.3.min.js"></script>
<!--[if IE]>
<style type="text/css">
	.timer { display: none !important; }
	div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
</style>
<![endif]-->
 
<?php
$query0=mysql_query("select image from slider where valide='Y' ");
$data0=mysql_fetch_array($query0);
 
if ($data0[0]==""){
        
}else{
?>
 
<script type="text/javascript">
$(window).load(function() {
        $('#featured').orbit();
        $(".show").fancybox({
                'width'                         : '85%',
                'height'                        : '80%',
                'autoScale'                     : false,
                'transitionIn'          : 'none',
                'transitionOut'         : 'none',
                'type'                          : 'iframe'
        });
});
</script>
<div class="container">
    <div id="featured">
<?php
$i=1;
$query=mysql_query("select image from slider where valide='Y' order by id DESC ");
while($data=mysql_fetch_array($query))
{
        echo "<img src='dummy-images/$data[0]' data-caption='#htmlCaption$i' border='0'/>";
        $i++;   
}
?>
    </div>
<?php
$j=1;
$query2=mysql_query("select texte_slider_FR, id from slider where valide='Y' order by id DESC ");
while($data2=mysql_fetch_array($query2))
{
        echo "<span class=\"orbit-caption\" id=\"htmlCaption$j\"><strong><a class=\"show\" href=\"actu.php?id=$data2[1]\">$data2[0] $j</a></strong></span>";
        $j++;   
}
?></div>
<?php } ?>

J'ai initialiser le script fancybox en meme temps que le script du slider sinon fancybox ne fonctionne pas.

normalement fnacybox s'appelle comme ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
$(document).ready(function() {
	$(".show").fancybox({
		'width'				: '85%',
		'height'			: '80%',
		'autoScale'			: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe'
	});  
});
</script>