图像地图中的Fancybox 1.3.4图像库?

时间:2013-02-01 14:01:02

标签: javascript html fancybox gallery imagemap

  

可能重复:
  How to open fancybox using map link

我已经找到了如何使用图像地图中的链接来使用Fancybox显示单个图像。我成功地集成到了我的网站。但是,无论我做什么,我都无法展示画廊。

我正在使用下面的代码显示来自ImageMap的单个图像。

<script type="text/javascript">
    $(document).ready(function() {
        /*  Tek imaj */
        $("a#fbox").fancybox({
            'overlayShow'   : false,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic',
            'titlePosition' : 'inside'
        });
    });

</script>   
     <script type="text/javascript">
/* Image Map'den */
    //<![CDATA[ 
    $(window).load(function(){
    $('map > area.fbox').click(function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    var title = $(this).attr('title');
    var type = $(this).attr('rel');
    $.fancybox({
        'title': title,
        'titlePosition': 'inside',
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'href' : url,
        'type' : type
    });
});
});//]]>  
</script>

这些是脚本,这是HTML。

<area shape="rect" coords="417,80,477,93" href="blabla.jpg" class="fbox" title="more blablabla" rel="image" />

0 个答案:

没有答案