问题标签 [prettyphoto]

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 回答
523 浏览

prettyphoto - Prettyphoto 缩略图边距 - 如何调整?

谁能帮我调整(特别是增加)PrettyPhoto 缩略图的边距?

http://www.element118.com/codetesting/118_NewSite_Test/work.html

我已经摆弄了 CSS 和 JS 文件,但到目前为止我没有尝试过任何改变。我确实尝试过 No Margin for Error 的论坛,但我的帖子已经好几周没有回复了,而且那里的论坛现在似乎充满了垃圾邮件。

提前致谢。

0 投票
1 回答
8219 浏览

php - JQuery prettyPhoto - 从不是图像的链接打开图库

我正在使用 JQuery prettyPhoto 灯箱克隆,效果很好,但我有一个小问题。

所有图像都具有以下格式:

我有 4 张图片显示,另外 10 张使用<div>with隐藏style='display:none;'。单击 4 张图像中的任何一张打开图库,显示所有 14 张照片。没关系。

但我还需要一个链接,上面写着“查看所有 14 张照片”,单击该链接会打开图库。现在,如果我不给<a href='imageURL'>文本链接,它就不起作用。但是,如果我将它链接到例如第一张图片,那么该图片会在图库中显示两次。我怎样才能避免这种情况?

我考虑将文本链接链接到其中一个隐藏图像,但这不是解决方案,因为 4 个可见图像是使用 PHP 随机选择的。

0 投票
1 回答
1969 浏览

php - 放大镜覆盖在wordpress中的图像悬停

我得到了这个画廊。当您悬停图像时,我想应用放大镜(或其他东西),因此用户可以轻松看到图像可以变大。我想要的效果和这个差不多。

我一直在寻找 wordpress 中的不同文件,我的问题是我无法 <span class="roll" ></span>在链接中添加图像。

如果有人知道如何做到这一点,请告诉。:-)

谢谢。

我把它放在了footer.php

这在css中。

当我从我的 webdeveloper 查看代码时,它看起来像这样: 图像代码

就像 wordpress 覆盖了我所有的 css 等等。

0 投票
0 回答
236 浏览

prettyphoto - Concrete5 - Powerslider 灯箱

问题:在我们的 Concrete5 网站上,自定义 powerslider/lightbox 块的集成按预期工作,但在另一种情况下却没有。

这就是发生的事情:

如果您访问此链接http://concrete.tonkinliu.co.uk/process/并单击“HEADING NEW”的缩略图,一切都会按预期进行 - 您会看到整个图像以及在灯箱中打开的标题/短语.

如果您单击“HEADING OTHER”的缩略图,灯箱也会打开,但图像的位置和大小不正确,它在底部被切断,您看不到标题/短语。

我不明白为什么它在一种情况下完美运行,但在另一种情况下却不行——即使它是完全相同的块......

也许有人可以指出我正确的方向。

谢谢!

0 投票
1 回答
3210 浏览

jquery - Ajax 使用 prettyPhoto 完成加载 - jquery

我正在使用 prettyPhoto 打开一个 ajax 窗口:http ://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

这是我打开窗口的链接

在comment.php 里面我有一个div,当它全部加载时,我希望它滚动到底部。我有这么回复评论,将 div 滚动到底部,我只是无法弄清楚 ajax 窗口的加载。有任何想法吗?

0 投票
1 回答
851 浏览

viewer - 在 prettyPhoto 查看器中显示特定的缩略图

我没有找到任何解决我的问题的方法,即:我尝试在prettyPhoto viewer中显示特定的缩略图,所以我有这个代码:

a href="images/full01.jpg" rel="prettyPhoto[1]" > img src="images/thumb01.jpg" /

a href="images/full02.jpg" rel="prettyPhoto[1]" > img src="images/thumb02.jpg" style="display:none"/

a href="images/full03.jpg" rel="prettyPhoto[1]" > img src="images/thumb03.jpg" style="display:none"/

现在,当我单击图像(thumb01.jpg)时,prettyPhoto 查看器出现并显示(full01.jpg)图像,但 prettyPhoto 查看器中的缩略图显示(full02.jpg,full03.jpg)。

我只想将 (thumb02.jpg, thumb03.jpg) 显示为缩略图。

请帮助我,并提前谢谢你。

0 投票
2 回答
420 浏览

jquery - 如何检测 Lightbox(即“PrettyPhoto”)iFrame 焦点

每次焦点从 PrettyPhoto 帧更改为下一个时,我都需要执行某些 jQuery 操作。

有谁知道 HMTL 和 JS 编码会是什么样子来实现这一点?

谢谢!

0 投票
1 回答
195 浏览

jquery - 如何识别 IFRAME 中的表单元素

我正在尝试确定valuea<input type="text">中的值和 a 中的值是否<textarea>发生变化,以便我可以启动对服务器的 AJAX 调用。该脚本只是循环并显示给我每一个id,而不仅仅是当前IFRAME.

我知道如何进行 AJAX 调用和后端脚本,我只是不知道如何捕获value表单元素在任何给定的prettyPhoto IFRAME中的变化。我的 PrettyPhoto 框架是动态创建的,在FORM.

我有以下 jQuery:

非常感谢任何想法或帮助。

PS 我知道如何使用样式表,一旦我完成开发,我会将所有样式移到一张表中。我在开发过程中有一个内联样式的诀窍(可能是坏习惯),因为事情变化太频繁,我更喜欢一次处理 1 个文档。

下一次尝试使用 [at]JF 的答案

0 投票
1 回答
503 浏览

jquery - prettyPhoto 打破了 document.ready()

我正在尝试让 prettyPhoto 工作,但我似乎遇到了问题。每当我加载 prettyPhoto.js 时,它都会默默地失败。我没有收到控制台警告,并且所有内容都声称加载得很好。

除非我删除<script src="Scripts/jquery.prettyPhoto.js" type="text/javascript" />.

如果有人知道如何解决这个问题,我会非常感激。我也接受 prettyPhoto 的一个很好的替代品作为答案。谢谢。

0 投票
1 回答
3981 浏览

javascript - PrettyPhoto - 如何跟踪用户何时关闭模态框

我正在使用漂亮的照片来显示视频 - 它几乎可以作为漂亮照片网站上的演示

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

如果您查看第一个演示 - 在我的网站上 - 会打开一个类似的窗口,但会播放视频而不是图像。

现在在这个窗口上,右下角有一个小“x”。所以当用户点击关闭时 - 我想跟踪它。基本上,当用户单击关闭时 - 应该触发一个 jquery 函数,使用它我可以调用服务器端脚本。

这是我目前的设置

但是我如何跟踪用户何时单击关闭并且无论如何将主题ID传递给该函数非常感谢