fancybox多个图库展示问题

Geomen 发布于 2012/02/28 15:27
阅读 1K+
收藏 1

我用fancybox做图库展示,在同个页面里有多个图库,具体多少个是从数据库里循环出来的,

<script type="text/javascript">
<!--
$(function(){
	$("a[rel=example_group]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">附图 ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
	});
//-->
</script>

foreach ($records as $record) {
 if (!empty($record['images'])){
	$images = explode('@', $record['images']);
	$t = count($images);
	for($j=0;$j<$t;$j++){
	    echo '<a rel="example_group" href="/uploads/'.$images[$j].'" class="futu" title="点击查看附图">查看附图</a>';
	}
}else{
	echo '无附图';
     }

}

数据库中的储存图片字段:

这样写,显示出来的效果是4张图都显示在一起了,怎么样才能让rid2的图单独显示,rid5的图单独显示?

加载中
0
Geomen
Geomen

弄了一下午,终于知道了。

rel="example_group"改成:rel="example_group_'.$record['rid'].'"

$("a[rel=example_group]").fancybox()改成:$("a[rel^=example_group_]").fancybox()就可以分开显示了。


开源X
开源X
额你调用传的四个参数怎么放进去的……
返回顶部
顶部