- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我在使用 Fotorama 4 时遇到了一些显示问题,我不知道如何解决它。
当我在 codepen.io 中预览代码时,它看起来不错,但是当我将它放入我正在为客户工作的 wix 网站时,一些缩略图只是灰色 block ,当我点击它们时没有图像显示。
我在想,也许我搞砸了某个地方。我自定义了常规代码,以便仅在第一张图片上显示文本,并且文本会在悬停时消失。我对自定义代码还是很陌生,所以任何建议都是有帮助的!
这是我使用的自定义代码: http://cdpn.io/Dyfus
作为 github 要点: https://gist.github.com/NiaMuneca/6173379
如果您知道问题出在哪里,请指出并在下面留下经过测试的更正。
最佳答案
你的布局是错误的。替换为:
<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>
有了这个:
<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>
关于html - Fotorama 缩略图不显示 - 灰色 block ,点击时无图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18102631/
我正在使用美丽而出色的 Fotorama slider ,但我有一个问题! 默认情况下, slider 在左上角! 我只希望它在页面上居中。 我在 .css 中找到,但找不到答案。 你能帮我吗? 最佳
我使用 fotorama 作为图片库,所以我想在全屏显示时为图像或视频添加自定义按钮。当 fotorama 图像处于全屏模式时,是否有任何方法可以添加自定义按钮(例如用于共享,例如...)或工具栏。
我找遍了所有地方,但找不到这个问题的答案。我正在尝试使用 fotorama 在引导网页上创建照片库,但 fotorama div 一直显示在页面的左侧。我在不同的地方尝试过 margin: 0 aut
我需要增加缩略图之间的间距。我该怎么做? 我只有 5 张图片,大拇指都聚在中间,看起来很有趣。 非常感谢。 最佳答案 只需使用thumbmargin选项: http://fotoram
如何在 fotorama 中始终显示缩略图?有一个只有一张图片的画廊,我也想显示缩略图,只有在有两张或更多图片时才会显示。 最佳答案 使用enableifsingleframe标志: 关于
Github 上最近更新的插件修复了 Fotorama 错误: https://github.com/artpolikarpov/fotorama/commit/1810d59eecc927fbef1
我刚刚安装了 Fotorama javascript 脚本。但是,当我使用 data-arrows="true"启用箭头时,这是一个您可以在其中设置的属性,它们根本不显示。 这是删除了图片链接的代码:
我为我的网站使用 jquery gallery fotorama ( http://fotorama.io ),我尝试通过将鼠标悬停在缩略图上来实现图像更改,就像这样 http://www.homea
有没有办法在我点击一个 div 时更改 Fotorama 中的图像? 例如,我有两个 div,一个名为#NYPhotos,另一个名为#WAPhotos。当我单击 div #NYPhotos 时,Fot
我正在尝试根据 img 是否具有 data-title 属性来使自定义 Fotorama 标题显示不同。现在,它当前显示为“未定义”,但我希望它完全忽略该属性(如果它不存在)。我尝试使用 if/els
我曾经在我的网站中使用 fotorama 插件。我的问题是当我通过选择框选择其他产品时,缩略图不会改变。 我需要在缩略图上添加 data-serialid="xxx"。 任何建议都非常好。 非常感谢。
我正在使用 Fotorama 创建幻灯片,但我的所有图像都不会居中。例如,这就是它显示的 http://damien-harrow-photography.co.uk/picture.php?/285
我的产品详细信息页面上的产品 slider 有问题。我不知道如何设置容器的宽度和高度。 我找到了 Fotorama 插件的一些配置,但没有关于宽度和高度的信息。 我的产品图像有另一个维度。 这是插件
我正在为产品图库使用 fotorama js 插件。单击主图像(不是缩略图)时如何打开全屏模式?我想允许用户通过单击右上角的图像而不是全屏图标来打开全屏模式。 这个答案对我不起作用:https://s
我正在为产品图库使用 fotorama js 插件。单击主图像(不是缩略图)时如何打开全屏模式?我想允许用户通过单击右上角的图像而不是全屏图标来打开全屏模式。 这个答案对我不起作用:https://s
我正在寻找一个好的带有缩略图预览的 jQuery 图像 slider ,以用于我正在开发的 Web 应用程序。我遇到了 Fotorama.js,它似乎具有我想要的大部分功能,但我在文档中没有看到有关在
我已经用拇指集成了 fotorama 的幻灯片。我喜欢这个插件,但在本例中,语法是: (...) 用于显示大图像,因此我无法添加指向外部页面的链接。 我写不出来!! : 有人有解决办法吗? 提前致
英语不是我的第一语言,很抱歉我的错误;) 我想将所有缩略图放在一个 block 中而不是 slider 示例中(加号是图像) 不是: (带有导航按钮的 slider ) 我想要: +++++++++
我在 fotorama 中使用 ajax 遇到了两个问题 i) 在ajax之前,我的代码是: 在ajax之后,我的代码是: 在这种情况下,fotorama 可能有效,也可能无效 ii
我试图通过将每个图像列表变成一个 fotorama 画廊来缩小我的博客文章的大小。这对一组图像非常有效,但是当我尝试使用多个 fotorama 时,该网站拒绝显示这些图像。我假设我应该更改编码中的某些
我是一名优秀的程序员,十分优秀!