图片在fancybox上显示3次Edit [英] Picture is shown 3 times on fancybox Edit

问题描述

我使用这个插件： http://www.fancyapps.com/fancybox/

p>

这是网址： http://estebanescoo.com .ar / fotografia.php

当你点击任何照片时，按'next'或'previous'，你会注意到每张照片都显示3次，为什么是这样？

我会感激你的回答：

发生了什么是因为您错过了正确关闭您的< a> 标签： 你有这个HTML：

 < div class =thumb>< a class =fancybox... >< img src ={}>< / div> 
< div class =thumb>< a class =fancybox...>< img src ={}>< / div> 
 ...等。 
  

但它应该看起来更像：

 < div class =thumb>< a class =fancybox...>< img src ={}>< / a><<< ; / DIV> 
< div class =thumb>< a class =fancybox...>< img src ={}>< / a>< / div> 
 ...等。 
  

验证您的文档有助于检测此类语法错误。

请参阅 JSFIDDLE

I use this plugin: http://www.fancyapps.com/fancybox/

This is the url: http://estebanescoo.com.ar/fotografia.php

when you clic on any photo, and you press 'next' or 'previous' you'll notice each photo is shown 3 times, why is that?

I'll appreciate your answers :)

解决方案

What is happening is because you missed to close properly your <a> tags :

You have this html :

<div class="thumb"><a class="fancybox" ...><img src="{}"></div>
<div class="thumb"><a class="fancybox" ...><img src="{}"></div>
...etc.

but it should look more like :

<div class="thumb"><a class="fancybox" ...><img src="{}"></a></div>
<div class="thumb"><a class="fancybox" ...><img src="{}"></a></div>
...etc.

Validating your document helps to detect this type of syntax mistakes.

See JSFIDDLE

这篇关于图片在fancybox上显示3次Edit的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！