我已经使用了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>
答案 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>