將網站嵌入到不同域上的模式框中

我需要在不同域上嵌入iframe，當點擊打開使用花哨框的模式框時。將網站嵌入到不同域上的模式框中

它會這樣工作。一旦點擊加載保存的iframe

我需要這樣做，因爲的fancybox需要佔用大部分屏幕960x700

我如何將一個模式對話框（的fancybox）

用戶點擊圖像做這個？

2010-07-27 Josh Crowder

這樣的事情應該這樣做。查看他們的API瞭解更多關於如何使用它的細節

<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
     <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.1.pack.js"></script> 
     <link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.1.css" media="screen" /> 
     <script> 
      $(document).ready(function() { 

       /* This is basic - uses default settings */ 


       $("a.iframe").fancybox({ 
        'transitionIn' : 'elastic', //Used for animation, delete if not needed 
        'transitionOut' : 'elastic', //Used for animation, delete if not needed 
        'speedIn'  : 600, //Used for animation, delete if not needed 
        'speedOut'  : 200, //Used for animation, delete if not needed 
        'overlayShow' : false, //Used for animation, delete if not needed 
        'width'   : 650, //Set your width 
        'height'  : 500 //Set your height 
       }); 

      }); 
     </script> 
    </head> 
    <body> 
     <a class="iframe" href="http://www.google.com">Click to open fancy box</a> 
    </body> 
</html>

來源

2010-08-03 03:12:40

感謝brandon工作！我需要結合所有的js，所以我只連接一個文件，然後準備好去！ – 2010-08-03 10:58:36

太棒了！很高興我能夠提供幫助。 – 2010-08-03 11:38:24

將網站嵌入到不同域上的模式框中

回答

相關問題