Google Maps и Fancybox

Опубликовано: 06 Окт 2014

Подключаем FancyBox:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.4" media="screen" />
<script type="text/javascript">
$(document).ready(function() {       
$("a.gal").fancybox(
     {                                                               
             "padding" : 20,
              "imageScale" : false,
              "zoomOpacity" : false,
              "zoomSpeedIn" : 1000,         
              "zoomSpeedOut" : 1000,      
              "zoomSpeedChange" : 1000,
              "frameWidth" : 700,  
              "frameHeight" : 600,
              "overlayShow" : true,
              "overlayOpacity" : 0.8,          
              "hideOnContentClick" :false,
             "centerOnScroll" : false                                            
       });
});
</script>        

 И выводим карту:

<a href="код гугл карты " class="gal showonmap fancybox.iframe">посмотреть на карте</a>

Комментарии (0)


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: