jQuery兼容电脑手机端的图片画廊插件

<a href="img/15008518202_c265dfa55f_h.jpg" data-size="1600x1600" data-med="img/15008465772_d50c8f0531_h.jpg" data-med-size="1024x1024" data-author="Folkert Gorter" class=" demo-gallery__img--main">
<img src="img/15008518202_b016d7d289_m.jpg" alt="" />
<图>这是虚拟标题。
</a>
<a href="img/15008465772_d50c8f0531_h.jpg" data-size="1600x1067" data-med="img/15008465772_d50c8f0531_h.jpg" data-med-size="1024x683" data-author="Thomas Lefebvre">
 <img src="img/15008465772_383e697089_m.jpg" alt="" />
 <图>这是一个虚拟标题。在这里寻找意义的人将会非常失望。</figure>
</a>
<a href="img/14985868676_b51baa4071_h.jpg" data-size="1600x1067" data-med="img/14985868676_b51baa4071_h.jpg" data-med-size="1024x683" data-author="迈克尔·赫尔">
 <img src="img/14985868676_4b802b932a_m.jpg" alt="" />
 <图>虚拟标题。这对你来说是希腊语。当然，除非你是希腊人，在这种情况下，这真的没有意义。</figure>
</a>
<a href="img/14985871946_24f47d4b53_h.jpg" data-size="1600x1067" data-med="img/14985871946_24f47d4b53_h.jpg" data-med-size="1024x683" data-author="Ales Krivec">
 
 <图>这是虚拟标题。它不适合阅读。</figure>
</a>
<a href="img/15008867125_b61960af01_h.jpg" data-size="1600x1068" data-med="img/15008867125_b61960af01_h.jpg" data-med-size="1024x683" data-author="塞缪尔·罗尔">
 
 <图>这是虚拟标题。它被放置在这里只是为了展示完成的排版文本的外观和感觉。</figure>
</a>