[英]Fotorama thumbnail images not displaying -grey block & no image on click
I'm having some display issues with Fotorama 4 and I cannot get my head around how to fix it. 我在Fotorama 4上出现一些显示问题,无法解决该问题。
When I preview the code in codepen.io it looks fine but then when I put it into the wix website I am working on for a client some of the thumbnails are just grey blocks and when I click on them no image shows. 当我在codepen.io中预览代码时,看起来不错,但是当我将其放入wix网站中时,我正在为客户端工作,其中一些缩略图只是灰色块,当我单击它们时,没有图像显示。
I'm thinking maybe I've messed up somewhere. 我在想也许我在某个地方搞砸了。 I customised the regular code so that I had a text display on the first image only and that the text will disappear on hover. 我自定义了常规代码,以便仅在第一个图像上显示文本,并且文本将在悬停时消失。 I am still very new to customising code so any suggestions are helpful! 我对定制代码还是很陌生,所以任何建议都对您有帮助!
Here is the customised code I am using: http://cdpn.io/Dyfus 这是我正在使用的自定义代码: http : //cdpn.io/Dyfus
As github gist: https://gist.github.com/NiaMuneca/6173379 作为github要点: https : //gist.github.com/NiaMuneca/6173379
If you have any idea what the issue is please point it out and leave the tested correction below. 如果您知道问题是什么,请指出来,并在下面保留经过测试的更正。
Your layout is just wrong. 您的布局是错误的。 Replace this: 替换为:
<img src="1.jpg"><img src="1_thumb.jpg" /></a>
<img src="2.jpg"><img src="2_thumb.jpg" /></a>
<img src="3.jpg"><img src="3_thumb.jpg" /></a>
With this: 有了这个:
<a href="1.jpg"><img src="1_thumb.jpg" /></a>
<a href="2.jpg"><img src="2_thumb.jpg" /></a>
<a href="3.jpg"><img src="3_thumb.jpg" /></a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.