问题标签 [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.

0 投票
1 回答
327 浏览

jquery - Galleriffic jQuery 插件可防止其他 jQuery 事件

我想将一些我自己的 jQuery 添加到位于 Galleriffic 画廊插件 ( http://www.twospy.com/galleriffic/ ) 上的图像“标题”区域的对象中。

但是,我放入标题区域的任何 jQuery 都不会执行。就好像所有事件都被丢弃了。

我认为这是因为 Galleriffic 使用 remove() 而不是 detach(),所以我将所有内容都更改为 detach(),但这并没有帮助。我仍然似乎从“标题”区域中的所有内容中删除了所有事件。

有没有人知道如何将您自己的自定义 jQuery 添加到此标题区域并保留它?或者有任何其他关于为什么我在使用 detach() 后我在该区域中的所有事件都会被删除的其他指示?

我对这里的任何创意持开放态度!

0 投票
1 回答
2404 浏览

javascript - Gallerific:多个画廊?

我正在一个网站上工作,该网站在同一页面上需要多个 jQuery 库,并且我使用 Trent Foley 的工作模型 Gallerific。对于一些网站,我已经成功地轻松地使用了缩略图翻转效果和幻灯片交叉淡入淡出版本,但是我很难在每页上实现多个画廊画廊

一些论坛建议为每个画廊使用不同的 id - 我了解它是如何工作的,并且玩了几个小时但没有成功。我想知道如何将所有这些结合在一起以包含 CSS 和 jQ。

是否有任何工作模型可以成功完成?

这是文章......对于那些熟悉插件的人来说,你会看到很多这样的东西:

HTML

jQuery

CSS

有两个独立的文件,可以从顶部列出的网站获得:

jquery.galleriffic.jsjs/jquery.opacityrollover.js

提前感谢您的帮助!

0 投票
1 回答
388 浏览

jquery - 扩展 Galleriffic buildImage

我正在使用 jQuery 插件“Galleriffic”。我希望它在调用它的 buildImage 方法后调整图像大小。我在这里找到了以下代码并且它可以工作,但在我看来,有一种方法可以做到这一点,而无需反刍该方法中的所有代码。

有没有更清洁的方法可以做到这一点?

0 投票
1 回答
710 浏览

css - Photospace Gallerific wordpress 响应式垂直画廊缩略图媒体查询javascript css?

我想让我的画廊http://wordpress.org/extend/plugins/photospace-responsive/当浏览器缩小以适应移动设备时,垂直布局变为水平布局。

请您告诉我如何在屏幕尺寸较小到画廊位于顶部时使其恢复?

查看我的测试页面 http://brightmist.co.uk/gallery/

我什至尝试过媒体查询

感谢您的帮助朱迪

0 投票
1 回答
566 浏览

javascript - 将fancybox集成到galleriffic

我想将fancybox的一些功能集成到galleriffic中。基本上我想拥有一个使用galleriffic的带有各自缩略图的图像库。除了样式之外,我的方法看起来非常类似于: http: //www.twospy.com/galleriffic/example-2.html 此外,我希望能够放大显示的图像。为此,我正在使用fancybox。可以在此处找到其行为示例http://fancyapps.com/fancybox/demo/

我已经设法使我上面描述的内容稍微修改了galleriffic buildImage 函数,如下所示:

现在,galleriffic 添加了fancybox 类fancybox 需要以及图像源。这非常有效。

在这一点上,我发现了一个我似乎没有找到解决方案的问题。Fancybox 允许通过单击每个图像的右侧/左侧来导航图像集合,以转到集合中的下一个/上一个图像(正如您在上面提供的演示中可能已经注意到的那样)。我也想利用此功能,以便用户可以通过浏览galleriffic 的缩略图以及使用fancybox 的图像的缩放版本来浏览画廊。

我在这里发现的问题是,galleriffic 仅为已单击缩略图的图像创建一个 class="fancybox"。这使得fancybox 只能找到画廊的一张图片。我不想将类 fancybox 定义为为 Galleriffic 定义拇指的 's,因为我不希望在单击缩略图时缩放图像,而是在主图像上。

在某种程度上,我需要的是使用 fancybox 类生成所有的,但隐藏所有未显示的,而不是每次通过galleriffic 生成我需要的。这是我能想出的唯一解决方案,但它并不整洁。我喜欢galleriffic 在每次单击缩略图时如何处理生成主图像。

我想知道是否有人可以提出更好的解决方案。例如,fancybox 可以通过在下一个画廊缩略图中搜索来了解下一个图像。

我试图制作一个有效的 jsfiddle 演示,但涉及的代码太多。也没有明确的问题,而是实施的冲突。我认为您可以轻松复制我目前的情况。

感谢您的努力!

0 投票
1 回答
582 浏览

jquery - 从移动设备查看具有响应式设计的页面时如何更改 jQuery 参数?

我正在使用 Galleriffic Galley 插件 ( http://www.twospy.com/galleriffic/ ) 在我的网站中显示幻灯片。

很多参数都在 JQuery 中定义。由于我的网站是响应式的,我想更改其中一些参数,以便页面在移动设备上显示不同。

在我的页面底部,我有以下代码,我想将“numThumbs”从 18 更改为 6。

我将通过什么方式实现这一目标?

泰!

0 投票
1 回答
194 浏览

jquery-plugins - jQuery Plugin Galleriffic 在 chrome 中本地工作 - 但不是在线

Demo Gallery下我有一个小画廊正在运行 - 使用 jQuery Plugin Galleriffic。我在本地用 chrome 开发它。那里一切正常。但是当我上传它时,在 Chrome 中没有显示图片。这真的很奇怪,因为 safari、firefox ……正在按需要显示它。谁能给我一个提示这里有什么问题?

0 投票
2 回答
401 浏览

javascript - 使用 jQuery UI Accordion 小部件隐藏页面加载时除最后一个 div 之外的所有 div

我已经查看了本网站另一篇文章中关于在页面加载时隐藏 div 的示例,但我遇到的问题是我的最后一个 div。最后一个 div 包含根据点击的照片动态加载的画廊内容。

我曾尝试使用 css 和 javascript 隐藏 div,它们都有效。然而,它们工作得很好,因为在页面加载后,gallerific 内容不会显示在最后一个 div 中。我在页面加载时将最后一个 div 设置为活动状态,这就是我希望页面在加载时开始的方式。

对此有何建议?

0 投票
3 回答
65125 浏览

jquery - PDF嵌入 or tag not loading in IE 11

I have to create an Image slider for which I am using:

"Galleriffic plugin > http://www.twospy.com/galleri

I have to create an Image slider for which I am using:

"Galleriffic plugin > http://www.twospy.com/galleriffic/",

in the Image slider, along with images, I have to show PDFs for some cases.

And to show that, I am putting the <div> which embeds PDF inside "<div class="caption">" where you can show the description related to the image.

For the Slider with PDF, you can see the full code here: http://jsfiddle.net/Z99gr/2/

I am trying to embed the PDF using <object> or <embed> tag, It works fine in Chrome and Firefox. BUT not in IE11.

I am not able to understand what is missing as I have create one more fiddle with just one div which embeds the PDF and its works fine in all three browser, Chrome, Firefox and IE11.

http://jsfiddle.net/dmAM3/1/

Please look into the issue and suggest ASAP what am I missing for IE 11.

Thanks!


Restricted access to subpages using age verification

Hi this is my first time trying to do this and I dont know where to start. I'm trying to make simple Yes or No age verification to my .aspx page which includes sub-pages. I want it to be so, that you need to press Yes before you can continue to subpages and if you try to type it like http://www.page.com/ageverification/subpage.aspx you are automatically redirected to ageverification page. Any examples are welcome cause I'm new in to this. Thank you for your time!

0 投票
4 回答
69859 浏览

javascript - PDF 嵌入在 IE11 中不起作用,但在 DOM Explorer 中编辑 HTML 时可以使用(F12 - IE 的调试工具)

这是 Fiddle 链接“ http://jsfiddle.net/Z99gr/2/ ”,与我的代码类似,我使用 Galleriffic 创建了一个图像滑块。在图像滑块和图像中,我正在显示嵌入的 PDF。

Fiddle 链接和我的图像滑块在 Chrome 和 Firefox 中运行良好,但在 IE 中我没有加载。我在 IE 11 中测试

在 IE 中,当我打开“ DOM Explorer (F12 - IE 的调试工具) ”并选择<div>包含<embed>PDF 标记的那个时,它会显示下面的代码。

当我在“DOM Explorer(F12 - IE 的调试工具)”中编辑这个 HTML TAG 中的任何内容时,它会加载 PDF。

这是这个问题的一个非常奇怪的性质。

我不明白如何解决这个问题。

请建议!

我在 IE11 中得到以下结果:

在此处输入图像描述

结果应该是这样的(它是来自 Chrome 的屏幕截图): 在此处输入图像描述