jQuery全屏浏览大图插件带翻页 - baguettebox

HTML
<div class="baguetteBoxOne gallery">
        <a href="images/1-1.jpg" data-caption="Golden Gate Bridge"><img src="images/thumbs/1-1.jpg"></a>
        <a href="images/1-2.jpg" title="Midnight City"><img src="images/thumbs/1-2.jpg"></a>
        <a href="images/1-3.jpg"><img src="images/thumbs/1-3.jpg"></a>
        <a href="images/1-4.jpg"><img src="images/thumbs/1-4.jpg"></a>
        <a href="images/1-5.jpg"><img src="images/thumbs/1-5.jpg"></a>
        <a href="images/1-6.jpg"><img src="images/thumbs/1-6.jpg"></a>
        <a href="images/1-7.jpg"><img src="images/thumbs/1-7.jpg"></a>
        <a href="images/1-8.jpg"><img src="images/thumbs/1-8.jpg"></a>
</div>
JS
baguetteBox.run('.baguetteBoxOne', {
    animation: 'fadeIn',
});