Discussion :

[logone]

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 html :

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

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 :

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

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>

[logone]

Bon apres avoir cherché j'en suis arrivé a la problematique suivante ce qui bloque se trouve ici :

Code :

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

echo "<div class=\"orbit-caption\" id=\"htmlCaption$j\"><strong><a class=\"show\" href=\"actu.php?id=$data2[1]\">$data2[0] $j</a></strong></div>";

La cohabitation des 2 class fait que cela ne fonctionne pas et je ne vois pas trop comment contourner le probleme car j'ai besoin des 2.