使用fancybox的时候利用传参的方式进行图片显示,如何同时传递多个图片

要实现的效果就是通过点击一个按钮,调用一个JS函数,同时传递多个要显示图片的地址(图片个数不确定),从而实现如fancybox图片集效果。

点击按钮的时候你将图片全部添加到dom中,再调用fancybox方法初始化图片效果
DEMO

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />

    <script type="text/javascript">
        $(document).ready(function() {
        });
function addPics(arr){
for(var i=0;i<arr.length;i++)$('#fb').append('<a href="'+arr[i]+'"><img src="'+arr[i]+'"/></a>')

$("#fb a").fancybox({
'titlePosition' : 'inside'
});
}
    </script>
</head>
<body><input type="button" value="添加图片" onclick="addPics(['1.jpg','2.jpg','3.jpg'])"/>
<div id="fb">

</div>
</body>
</html>

用分号或者某个符号分割,服务器存入数组

不是很懂呀,能给个例子吗?