<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container'
});
</script>
使用xml文件配置图片文件:
<juiceboxgallery
galleryTitle="Juicebox Lite Gallery"
>
<image imageURL="images/wide.jpeg"
thumbURL="thumbs/wide.jpeg"
linkURL="images/wide.jpeg"
linkTarget="_blank">
<title>Welcome to Juicebox!</title>
</image>
<image imageURL="images/tall.jpeg"
thumbURL="thumbs/tall.jpeg"
linkURL="images/tall.jpeg"
linkTarget="_blank">
<caption><![CDATA[<u><a href="http://www.juicebox.net" target="_blank">Juicebox</a></u> is a free, customizable image gallery. Use it to display your images on any web page in a professional, intuitive and simple way.]]></caption>
</image>
</juiceboxgallery>