问题标签 [fotorama]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
fotorama - 如何在 Fotorama 插件中设置图像的背景颜色?
Fotorama jQuery插件
在这个插件中,我使用透明的 PNG 图像。我需要为图像设置背景颜色。我尝试设置样式,但没有成功。
jquery - fotorama 插件 mouseout 和 mouseover
如果您选择transition = crossfade
,您将失去“鼠标悬停和鼠标移出”(左箭头,右箭头)输入/输出动画。
如果您单击此链接http://fotorama.io/examples/transition.html和 Select ,您会明白我的意思Crossfade
。
即使您选择 Crossfade,有没有办法启用它?谢谢!
javascript - Fotorama 和 Shadowbox 不能一起正常工作
我在 fotorama 画廊下面为我所有的照片都运行了 shadowbox,它工作得很好。但是,当我单击 fotorama 库上的按钮时,它会立即显示图像的阴影框。它不能正常工作,我不知道为什么。这是网站:
http://ultimatefinishdetailing.com/TiburonPictures.html
这是网站上的代码:
HTML 页面标题:
fotorama的HTML:
jquery - Fotorama 和 Shadowbox 无法正常协同工作
我在 fotorama 画廊下面为我的照片操作了 shadowbox,它工作得很好。但是,当我单击 fotorama 画廊上的任何按钮时,它会立即显示图像的阴影框。我不知道为什么当我想要做的只是更改为另一个 fotorama pic 时,它会不断弹出一个 shadowbox 图像。这是确切显示问题所在的网站:
http://ultimatefinishdetailing.com/TiburonPictures.html
这是网站上的代码:
HTML 页面标题:
fotorama的HTML:
api - 添加导航按钮 Fotorama 4.4.9 API
我正在使用新的 Fotorama 脚本 4.4.9,而且我是新来使用 API。
我正在尝试向幻灯片添加自定义导航按钮(停止、暂停、上一个和下一个),但我不知道如何使用 API 实现它。
我一直在查看官方页面http://fotorama.io/customize/api/ 但我无法让它工作......
有人可以提供新 Fotorama 4 上的 API 自定义导航按钮示例吗?
谢谢
fotorama - 如何为fotorama滑块启用双击事件以使全屏
如何启用 fotorama 滑块的双击事件以全屏显示,就像我们在右上角看到的一样
fotorama - Fotorama.io:如何使 HTML 内可点击?
我想使用 Fotorama.io 来显示 HTML 内容。但似乎 HTML 在滑块内不可点击。有没有可能让它在 Fotorama 中工作?
navigation - 将 fotorama 箭头移到舞台外
是否可以将 fotorama 箭头移出 div.fotorama_舞台并进入 div.fotorama _nav-wrap?
我希望将我的箭头定位在导航点的两侧。
谢谢!
jquery - fotorama 跳过幻灯片内容
我正在使用 fotorama,它很棒。问题是,出于某种原因,Fotorama 4.5.0 正在跳过某些幻灯片的内容。
链接: http: //limudim.psychometry.co.il/%D7%A7%D7%95%D7%A8%D7%A1
单击幻灯片 #1 中的链接之一 - 该按钮应该变为灰色 现在对幻灯片 #2 中的一个按钮执行相同操作 - 相同的行为 现在转到幻灯片 #3 - 没有任何按钮响应幻灯片中的相同#4 和 #5
幻灯片 #6 出于某种原因工作正常
同样奇怪的事情发生在这里: http: //limudim.psychometry.co.il/afeka/home.php
滑动到有图片轮播的页面底部,然后单击其中一张图片。假设打开一个可以用鼠标滚轮滚动的花式框窗口。
假设显示 60 张图片,但由于某种原因,它只连续显示 8 张图片。
很奇怪吧?
我一直在谷歌,在这里寻找解决方案,但没有任何结果。
任何帮助,将不胜感激!
jquery - Add a player control bar DIv to the bottom of Fotorama Player
For one of my projects I am switching from Galleria to Fotorama.io in order to display a presentation. Basically I show slides that are exported from a presentation software.
Fotorama looks great so far, and the thumbnails offer a good way to navigate across the different slides but I am trying to add an additional navigation/control bar with useful buttons to move to the first image, previous, next and last image as well as displaying a progress bar and slide number.
Unfortunately I could not find a way to modify the current theme or layout, so I will appreciate if someone can suggest ideas on how to change the default theme to add an additional bar to the bottom of the player.
What I need is just to keep the player with 100% width but instead of 100% height (because this player will be embedded in other pages) I need to put a small horizontal div at the bottom (let's say 40px) to add the control bar. Here is an example showing the control bar DIV I want to add.
Looking the generated source code I am under the impression that it should be added below fotorama__nav-wrap div.
Any ideas how to proceed?