Aucune pop-up iframe sous Fancybox

Bonjour,

Voilà je suis en train de travailler pour refondre mon petit site et j'ai un petit problème : aucune ouverture de pop-pup iframe sous fancybox, le contenu est chargé à la place de la page active et je n'ai aucune erreur en console firebug...

Voici mon code d'en-tête :

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
        <script type="text/javascript" src="fancybox/jquery.fancybox.js"></script>
        <script type="text/javascript">
$(document).ready(function() {
	$(".various").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
});
	</script>
	<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
	<script type="text/javascript" src="js/jquery.backgroundPosition.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
        <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />

comme vous pouvez le voir jquery est bien chargé en premier...

<div id="vue360" class="webDetail">
                	                <div class="quadColumn">Ma Page 360
                                        </div>
                                        <div class="quadColumn endColumn">
                    	                <div class="doubleColumn"><a id="various" data-fancybox-type="iframe" href="360/tour.html" title="visite 01"><img src="images/360.jpg" alt="visite 01" /></a></div>
					<div class="doubleColumn endColumn"><a id="various" data-fancybox-type="iframe" href="360-2/tour.html" title="visite 02"><img src="images/360-2.jpg" alt="visite 02" /></a></div>
                                        <div class="doubleColumn endColumn"><a id="various" data-fancybox-type="iframe" href="360-3/tour.html" title="visite 03"><img src="images/360-2.jpg" alt="visite 03" /></a></div>
                                        </div>
                                   </div>

Mes fichiers js, css sont bien chargés mais lorsque je clique sur un lien, j'ai une ouverture sur la page en court et non en pop-up...

Auriez-vous une idée ? (mes fonction ScollTo fonctionnent très bien donc pas de conflit en apparence...) Merci par avance !

Salut,

une petite idée en effet :

Essaye de remplacer

$(".various").fancybox(

par :

$("#various").fancybox(

(Attention tu as 3 fois le même id).

Ju

merci (quel couillon que je suis !)