谷歌地圖不集中在fancybox

我正在尋找並嘗試一整天，但無法找到一個正確的解決方案，這個問題。我需要爲中心始終是頭等留在FF和IE瀏覽器的一部分，Safari瀏覽器似乎更左下角......谷歌地圖不集中在fancybox

這是你需要嘗試，複製，粘貼，然後單擊所有代碼...

大屏幕很高興地看到犯規看起來壞在小屏幕上

感謝您的幫助

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script> 
<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.4" media="screen" /> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".google_iframe").fancybox({ 
      'width'    : '75%', 
      'height'   : '75%', 
      'autoScale'   : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe' 
     }); 
    }); 
</script> 
</head> 
<body> 
<a class="google_iframe" href="https://maps.google.com/maps/ms?ie=UTF8&amp;msa=0&amp;msid=202414688179067925321.0004d62815a849d23c081&amp;t=h&amp;ll=43.36373,16.508332&amp;spn=1.617251,3.364563&amp;output=embed"> 
    click here for fancy 
</a> 
</body> 
</html>

jsFiddle

來源

2013-02-20 caramba

感謝的jsfiddle乙進行比較rian – caramba 2013-02-20 16:20:49

這個問題似乎問題當您嘗試預加載fancybox iframe（默認值爲true）時創建。作爲一種變通方法只是禁用喜歡你的fancybox自定義腳本中iframe預載：

$(document).ready(function() { 
    $('.google_iframe').fancybox({ 
     // 'autoScale' : false, // not valid in v2.x, use autoSize instead 
     // 'transitionIn' : 'none', // not valid in v2.x, use openEffect instead 
     // 'transitionOut': 'none', // not valid in v2.x, use closeEffect instead 
     width  : '75%', 
     height  : '75%', 
     autoSize : false, 
     openEffect : 'none', 
     closeEffect: 'none', 
     type  : "iframe", 
     iframe  : { 
      preload : false // this will prevent to place map off center 
     } 
    }); 
});

... 通知我註釋掉了V1.3.4不在V2.X有效一些API選項

見JSFIDDLE ...或整頁看到http://jsfiddle.net/Sy8F8/show/lite/，那麼你就可以用你的整個頁面（不居中）jsfiddle

來源

2013-02-20 21:32:24 JFK

非常感謝。這正是我所期待的！不知道預加載：false ...我怎麼才能發現這只是谷歌，沒有找到這個信息fancybox？ – caramba 2013-02-21 07:28:14

@caramba：只是爲了記錄，該選項是在fancybox [文檔]（http://www.fancyapps.com/fancybox/#docs），但它沒有指定何時使用它...因爲與iframes有缺陷我猜這就是爲什麼包含這個選項。 PS。西班牙語中的「Caramba」意思是「哦，天哪」。 – JFK 2013-02-21 17:11:00

JFK感謝您的回答！也不知道我的名字西班牙語的含義，caramba聽起來很有趣:-) – caramba 2013-02-21 17:39:41

谷歌地圖不集中在fancybox

回答

相關問題