问题标签 [galleriffic]
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.
galleriffic - 画廊链接
我的页面上有一个 Galleriffic 幻灯片。现在,“大”图像链接到幻灯片中的下一个图像。我怎样才能让它链接到外部文件呢?
javascript - Fancybox / Galleriffic 冲突 - 主图像导航链接
我正在构建一个 Web 展示页面,当用户单击项目缩略图时,该页面使用 Fancybox v2.0.6 打开隐藏的 div。每个 Fancybox div 都包含每个项目的概述和一个 Galleriffic 截图库。由于这个 Google Group Discussion ,我已经能够在这一页上使用多个 Galleriffic 画廊,但在主图像上遇到了问题。
默认情况下,在 Galleriffic 中,用户可以通过单击放大的主图像或选择缩略图来浏览画廊。缩略图工作没有问题。但是,当我单击主图像时,Fancybox div 消失了,并且出现了加载微调器,而不是在图库中显示下一个图像 - 我认为它属于 Fancybox。如果我然后单击微调器 div,它会关闭并返回原始网页。
最好的解决方案是从主图像中删除链接,只使用缩略图查看图库。我的各种尝试均未成功 - 图像消失或微调器继续加载。
在此阶段欢迎任何想法/建议!如果您需要查看任何代码来玩,请告诉我,我会发布。
提前谢谢了!
编辑:这是一个精简版本的链接- 如果我在本地查看它,那么加载微调器就坐在那里,在线我在 Fancybox 中收到一个 URL 错误:“[object HTMLDivElement] was not found on this server”。
javascript - Jquery Galleriffic 如何将单独的 div 应用于每张幻灯片
我目前正在使用 jquery Galleriffic 插件来显示许多图像(地图)。Jquery 似乎使用索引生成每一个,因此我想知道如何根据当前索引应用不同的 div/图像来显示。
例如,每张幻灯片将包含一张像图像滑块一样旋转的地图图片(多张地图)信息”框。
我正在努力解决不知道如何唯一标识每张幻灯片、将 div/图像应用于 javascript 中的容器的事实。
生成图片幻灯片的部分代码:
任何帮助/方向表示赞赏
-谢谢
javascript - Gallerific .selected 元素
我在 Galleriffic 中选择的元素有问题。选择图像时,它不会突出显示正确的拇指,而是突出显示前一个。
编辑删除了一个即将失效的网站链接。
JS:
CSS
jquery - 安装 Jquery Gallery 插件
我现在已经尝试安装其中两个,但都没有成功,所以我很确定问题出在我身上而不是插件上,但我也看了半打 youtube 视频并重新阅读了几个说明次,我仍然无法使它工作。这似乎是有人已经澄清过的事情,但我一直找不到。
我在http://www.sitesupandrunning.com/links.html有一个测试版本 。我已经尝试过测试功能并且它们有效,所以我认为我的 jquery 连接正确。我最初复制并粘贴了插件作者发布的确切代码,所以那里似乎不应该有任何错误。所以似乎它会缩小到图像,但作者有占位符文件名,我刚刚切换了,并且禁用了 jquery,缩略图显示并正确链接,所以我知道图像被标记为他们应该是。
我猜这个问题很简单,但是对于初学者的教程似乎都没有为安装这种插件提供任何有用的东西。
任何帮助将不胜感激——即使是实际使用这种插件的教程,而不仅仅是来自 jquery 主页的插件。
javascript - 画廊和放大镜放大问题
我正在使用两个独立工作的插件。Galleriffic 和 Loupe 是两个插件。我想要做的是让 Galleriffic 中的大图像也有放大悬停效果,这就是 Loupe 的用途。我不得不向newSlide.find('a img').addClass('magnifyPic');
Galleriffic 插件添加一行代码,以便在图像上获得一个类,Loupe 应该使用它来激活放大效果。以下是插件的两个调用。
问题是当我将鼠标悬停在大图像上时,绝对没有任何反应。这两个插件独立地运行正常,但似乎不想一起工作。如果我理解正确的话,Galleriffic 插件可以在其选项中接受回调、函数等,所以我想我的问题是:如何将 Loupe 调用集成到 Gallerific 调用中?或者这是让 Loupe 只使用 Galleriffic 画廊中的大图像的正确方法?我已经尝试删除、添加、修改这两个插件的代码行,但似乎无法让它们一起工作。
jquery - 链接到 jQuery 作品集风格画廊 (Galleriffic) 上的特定项目
我为你创建了一个演示,在这里。如您所见,下面有一个带有相关标题的主图像和其他小图像。如果您单击其中一个,则主图像/标题会更改为显示您选择的那个。如果您注意到当您将指针悬停在大图像下方的任何图像上时,您会得到一个类似 test.php/#image3 或 test.php/#image6 的链接。
如果您访问 test.php/#image3(直接,而不是通过 onClick 事件),我正在寻找一种方法,您将 #image3 作为主图像(因此无需单击它)。test.php/#image4 / #image5 等也是如此。
jquery - Galleriffic 插件额外空间
我正在使用 jquery Galleriffic 插件,这是脚本生成的部分代码:
img 标签之前的这个空间导致图像显示在错误的位置,我不知道脚本为什么会生成这样的空间,但我认为我应该删除该空间。
我尝试了以下代码,但它没有工作。
我也试过这个
但没有运气,有人能弄清楚我将如何删除它吗?
谢谢
galleriffic - Galleriffic - 如何在鼠标悬停时显示 div,在鼠标悬停时隐藏?
将鼠标悬停在图库中的 div 元素(图像或文件名)上时,我试图在 div 中显示 exif 信息。在画廊之外做这件事很容易,但是当我尝试用画廊的 div 元素来做这件事时,什么也没有发生,因为内容是通过 jquery.galleriffic.js 动态提供的。
当您将鼠标悬停在图像上时,您可以在这里看到效果: http ://forums.dpreview.com/forums/post/50833256
我有要在数据库中显示的 exif 信息,所以我只需要知道在将鼠标悬停在图像上时如何显示/隐藏 div。反复试验需要我一段时间,所以如果你是专家,我会很感激一些关于在 jquery.galleriffic.js 中放置 .bind("mouseover")... 语句的建议
这是一个类似的问题,但问题没有解决: jQuery Galleriffic issue with jQuery inline
jquery - jquery image swap - for galleriffic
I have bit of a fiddly one here but I am basically attempting to put an image swap function into Galleriffic. I have been adapting the jquery Galleriffic image gallery to fit a client's needs and all is going well apart from this one function that I need to add.
http://www.susanyounganimation.com/test/drawings/carnival.html
Beneath the large image on the left is the text 'negative/positive'. The client wants the user to have the option to see a negative i.e. inverted version of the image when one clicks on 'negative' and then the image to revert back to the original when they click positive'. I have every image in the gallery as a negative version (exactly the same dimensions etc) so what I need to do is simply replace the current image with another when one clicks on the negative or positive text beneath.
Hope this all makes sense. Can anyone help me with some script that will enable this? Any comments welcome as I am at my wits end with this one!
All the best
S