为什么我的fancybox上有一个画廊

时间:2013-05-28 11:02:57

标签: jquery

additional navigation button

我已经使用了fancybox脚本来调用HTML块,但是我没有得到的是当我的链接仅指向1个HTML块时,它会显示带有导航按钮的图库。当我单击下一个按钮时,会显示相同的内容。

<a class="measurement" href="<?php echo $this->getUrl('measurement') ?>" rel="iframeLink"><img src="<?php echo $this->getSkinUrl('images/sizeguide.gif')?>" />

我正在使用的代码:

<script type='text/javascript' src='<?php echo $this->getJsUrl('lightboxes/fancybox/jquery.easing-1.3.pack.js'); ?>'></script>
<script type='text/javascript' src='<?php echo $this->getJsUrl('lightboxes/fancybox/jquery.fancybox-1.3.4.pack.js'); ?>'></script>
<link rel='stylesheet' type='text/css' href='<?php echo $this->getJsUrl('lightboxes/fancybox/jquery.fancybox-1.3.4.css'); ?>' media='screen'/>

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("a[rel=iframeLink]").fancybox({
'type' : 'iframe',
'width' : 600,
'height' : 500,
'scrolling'   : 'no'
});
});
</script>

1 个答案:

答案 0 :(得分:1)

使用class .measurement而不是[rel = iframeLink]

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery(".measurement ").fancybox({
    'type' : 'iframe',
     'width' : 600,
     'height' : 500,
      'scrolling'   : 'no'
      });
     });
 </script>