var viewer = new Viewer(document.getElementById('dowebok'), { url: 'data-original', build: function() { alert('build'); }, built: function() { alert('built'); }, show: function() { alert('show'); }, shown: function() { alert('shown'); }, hide: function() { alert('hide'); }, hidden: function() { alert('hidden'); }, view: function() { alert('view'); }, viewed: function() { alert('viewed'); } });
<ul id="dowebok"> <li><img data-original="img/tibet-1.jpg" src="img/thumbnails/tibet-1.jpg" alt="图片1"></li> <li><img data-original="img/tibet-2.jpg" src="img/thumbnails/tibet-2.jpg" alt="图片2"></li> <li><img data-original="img/tibet-3.jpg" src="img/thumbnails/tibet-3.jpg" alt="图片3"></li> <li><img data-original="img/tibet-4.jpg" src="img/thumbnails/tibet-4.jpg" alt="图片4"></li> <li><img data-original="img/tibet-5.jpg" src="img/thumbnails/tibet-5.jpg" alt="图片5"></li> <li><img data-original="img/tibet-6.jpg" src="img/thumbnails/tibet-6.jpg" alt="图片6"></li> </ul>