11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous !

J'essaye d'afficher via ma fancybox( qui fonctionne au poil avec les images), une page html (www.google.com pour l'exemple).

Voici mon code :

L'appel de fancybox en html :
<a class="img_fancybox fancybox.iframe" href="http://www.google.com">Iframe</a>


Le script Jquery :

<link rel="stylesheet" href="/textpattern/css/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="/textpattern/js/jquery.fancybox.pack.js?v=2.0.6"></script>

<script type="text/javascript">
$(document).ready(function() {
	$("a.img_fancybox").fancybox({
       
	'transitionIn':	'elastic',
	'transitionOut':	'elastic',
	'speedIn':	600, 
	'speedOut':	200, 
	'overlayShow':	false
	});
});
</script>

Lorsque je clique sur le lien, j'ai bien l'effet FancyBox qui se lance mais le "popup" reste vide, cad tout blanc ... Comme si le contenu ne s'était pas chargé ...

Voyez-vous où pourrait être mon erreur ?

Merci et bonne soirée à vous ! Smiley biggol
salut,

si c'est http://fancybox.net/ que tu utilises, il donne une exemple avec une google map :

<a class="various iframe" href="http://maps.google.com/?output=embed&amp;f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=London+Eye,+County+Hall,+Westminster+Bridge+Road,+London,+United+Kingdom&amp;hl=lv&amp;ll=51.504155,-0.117749&amp;spn=0.00571,0.016512&amp;sll=56.879635,24.603189&amp;sspn=10.280244,33.815918&amp;vpsrc=6&amp;hq=London+Eye&amp;radius=15000&amp;t=h&amp;z=17">Google maps (iframe)</a>

Modifié par o06 (23 May 2012 - 11:33)