Photo Browser
You should include these two files ater light7.js and light7.css:
{% highlight html %}
{% endhighlight %}
{% highlight html %}
{% endhighlight %}
{% highlight js %}
/*=== standalone by default ===*/
$(function(){
/*=== standalone by default===*/
var myPhotoBrowserStandalone = $.photoBrowser({
photos : [
'//img.alicdn.com/tps/i3/TB1kt4wHVXXXXb_XVXX0HY8HXXX-1024-1024.jpeg',
'//img.alicdn.com/tps/i1/TB1SKhUHVXXXXb7XXXX0HY8HXXX-1024-1024.jpeg',
'//img.alicdn.com/tps/i4/TB1AdxNHVXXXXasXpXX0HY8HXXX-1024-1024.jpeg',
]
});
$(document).on('click','.pb-standalone',function () {
myPhotoBrowserStandalone.open();
});
/*=== Popup ===*/
var myPhotoBrowserPopup = $.photoBrowser({
photos : [
'//img.alicdn.com/tps/i3/TB1kt4wHVXXXXb_XVXX0HY8HXXX-1024-1024.jpeg',
'//img.alicdn.com/tps/i1/TB1SKhUHVXXXXb7XXXX0HY8HXXX-1024-1024.jpeg',
'//img.alicdn.com/tps/i4/TB1AdxNHVXXXXasXpXX0HY8HXXX-1024-1024.jpeg',
],
type: 'popup'
});
$(document).on('click','.pb-popup',function () {
myPhotoBrowserPopup.open();
});
/*=== With title ===*/
var myPhotoBrowserCaptions = $.photoBrowser({
photos : [
{
url: '//img.alicdn.com/tps/i3/TB1kt4wHVXXXXb_XVXX0HY8HXXX-1024-1024.jpeg',
caption: 'Caption 1 Text'
},
{
url: '//img.alicdn.com/tps/i1/TB1SKhUHVXXXXb7XXXX0HY8HXXX-1024-1024.jpeg',
caption: 'Second Caption Text'
},
// 这个没有标题
{
url: '//img.alicdn.com/tps/i4/TB1AdxNHVXXXXasXpXX0HY8HXXX-1024-1024.jpeg',
},
],
theme: 'dark',
type: 'standalone'
});
$(document).on('click','.pb-standalone-captions',function () {
myPhotoBrowserCaptions.open();
});
})
{% endhighlight %}