galerie Fancybox iframe dans la page parent

Duplicate possible:
call Fancybox in parent from iframe galerie Fancybox iframe dans la page parent

Salut J'ai iframe sur ma page d'accueil. A l'intérieur il y a une galerie et je veux ouvrir des images dans ma page parente quand je clique sur l'image fancybox. J'ai essayé n'importe quoi mais il ouvre seulement une image et aucune galerie complète avec les boutons suivants et précédents.

Mon exemple:

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta http-equiv="imagetoolbar" content="no" /> 
    <title>FancyBox 1.3.4 | Demonstration</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script> 
     !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>'); 
    </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" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
    <link rel="stylesheet" href="style.css" /> 

    <script type="text/javascript"> 
     function readyFancy(){ 
      $("a#sample").trigger("click"); 
     } 
     function callMe(site){ 
      $("#sample").fancybox({ 
       'transitionIn'  : 'none', 
       'transitionOut'  : 'none', 
       'href'    : ''+site+'', 
       'autoScale'   : true, 
       'onStart'   : function(){$("body").css({'overflow':'hidden'});}, 
       'onClosed'   : function(){$("body").css({"overflow":"visible"});} 
      }); 
     readyFancy(); 
     } 
    </script> 

</head> 
<body style="padding: 20px;"> 
<a href="#" id="sample"></a> <!-- here we set a decoy link for the frame to be triggered--> 
<p>Below is an iframe</p> 
<iframe src="sample.html" width="300" height="200"> <!--the link of the iframe--> 
</body> 
</html>

sample.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
</head> 
<body > 
<div> 
<a onClick="parent.callMe('http://localhost/fan/1_b.jpg');" href="#" ><img src="1_s.jpg"></a> 
<a onClick="parent.callMe('http://localhost/fan/2_b.jpg');" href="#" ><img src="2_s.jpg"></a> 
</div> 
</body> 
</html>

Source

2013-01-19 user1993243

Vous êtes plus co Expliquer des choses. Vérifiez http://stackoverflow.com/a/8855410/1055987 assurez-vous de vérifier DEMO et le code source pour les deux, parent et la page iframed (galerie). – JFK

Avez-vous un lien pour télécharger, parce que je l'ai essayé selon les instructions, mais ça ne marche pas – user1993243

désolé, pas de lien pour télécharger (l'idée est de fournir de l'aide, ne pas faire le travail des autres; ... comparer le code – JFK

Si vous utilisez ID comme sélecteur $("#selector").fancybox(); puis passer à des classes - $(".selector").fancybox();

Source

2013-01-19 17:27:13

Oui, mais cela ne résout pas mon problème – user1993243

il devrait. avez-vous mis à jour votre jquery? –

Vous ne comprenez pas ce que je veux – user1993243

galerie Fancybox iframe dans la page parent

Répondre

Questions connexes