问题标签 [prettyphoto]

在我们的 Rails 应用程序中，我们一直在使用uploadify来上传图片，并使用prettyPhoto在灯箱上显示图片。如果单独使用，两者都可以很好地工作。现在我们想像dropbox一样在灯箱上显示 uploadify 控件，但是如果与 prettyPhoto 一起使用，它就会开始尖叫。

这是使用uploadify 和prettyPhoto 的示例html。

在这里，您将看到弹出窗口的链接，通过单击该链接，它会在灯箱上显示 uploadify 控件。然后你从磁盘中选择图像上传到服务器。选择图像后，我面临两个问题：

1)Error: uncaught exception: Call to StartUpload failed在 FF 和 Crome 上出现 javascript 错误

2) 所选图像未在灯箱上的 uploadify 控件中列出。如果您关闭小狗并再次单击弹出链接，它会显示文件列表。

如果我删除$("a[rel^='prettyPhoto']").prettyPhoto();行，Uploadify 工作正常。

您知道如何解决吗？

如果有人建议其他插件来实现这种 Dropbox 风格的上传器，我也将不胜感激。

谢谢，阿米特帕特尔

我正在使用 prettyPhoto 在网站上创建图像幻灯片，并且通过单击图像可以正常工作。但我想创建一个按钮单击事件，通过该事件幻灯片自动从图像 1 开始到 n。

我正在使用 PrettyPhoto 灯箱作为图片库。当图像弹出时，其下方会出现 Twitter 和 Facebook 按钮。它内置在 PrettyPhoto 插件中，并且运行良好。

问题是，Facebook 按钮是 iframe 类型（不允许用户输入评论）。我想用 HTML5 按钮替换它（单击它时会打开一个评论框，而不仅仅是喜欢）。

我想替换它（iframe 按钮的标准 FB 代码）：

<div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href='+pp_real_links[set_position]+'&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:23px;" allowTransparency="true"></iframe></div>

...使用此（HTML5 按钮的标准 fb 代码）：

<div class="fb-like" data-href="instagram.com/the-pic" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false">test text</div>

当我进行更换时，它不会出现在灯箱中。不过，它可以在网站上的其他任何地方使用。

是的，我.facebook用.fb-like. 我还将文本放入 div 以验证它是否显示在正确的位置。

我认为问题的根源在于社交链接代码是在JS中定义的；在 PrettyPhoto 设置中，有一个名为“标记”的属性，用于存储灯箱和共享按钮的 html。所以它可能没有与 FB JS 代码连接。

解决方案是什么？

我正在使用 prettyphoto 在画廊中显示图像和视频。但是，社交按钮正在被截断。我尝试在 prettyPhoto CSS 中将overflow属性更改为auto，但所做的只是添加一个滚动条。无论照片或视频的大小如何，都会发生这种情况（请参见下面的屏幕截图）。有没有办法解决这个问题？

我在我的网站上添加了 prettyphoto 插件，可以在弹出窗口中播放视频。youtube 和 vimeo 上的视频效果很好，但 vzaar 上的视频效果不佳。我收到此错误：“无法加载图像。确保路径正确且图像存在。”

有没有人知道这个解决方案或任何更好的在弹出窗口上播放 vzaar 视频的提议？

提前致谢。

我使用jQuery PrettyPhoto作为图片库。每个图像在图像模式的底部都有自己的类似 facebook 的按钮。我希望将喜欢的图像显示为与喜欢图像相关的“点击喜欢的用户”状态更新的缩略图。（另外，我希望标题是独一无二的，但我假设它们可以以相同的方式更改，如果有的话。）

截至目前，Facebook 片段似乎在加载时抓取画廊元属性，抓取那里列出的 og:title 和 og:image 内容。每当单击新的图库图像时，我都尝试动态更改这些值，但它似乎正在使用页面加载的元内容的值（这是有道理的）。

有没有办法改变 facebook like 按钮所看到的图像，它应该在“喜欢”时使用？每个图库图像在同一页面上动态加载，仅更改每个图像的锚值。我尝试了很多方法都没有成功，但也许有人对这个或类似的问题有一些经验。

感谢您的任何帮助或线索！

在我将新元素附加到 HTML 页面后，我试图让 prettyPhoto 或其他一些 jquery 插件工作：

具体来说，我有这个：

然后我有这样的东西必须触发弹出窗口

将不胜感激任何帮助。谢谢。

我一直在寻找一种方法来显示从 - 到漂亮照片的路线，或者如果有人知道的话，没关系。

所以在prettyPhoto中，你只能插入你想显示的地方的纬度、纬度，但在我的情况下，我有一条从一个地方到另一个地方的路线，如何修改它？

我有一个网站，其中缩略图位于 iframe 中，目前当他们单击缩略图时，它只打开与 iframe 一样大，我如何制作它，所以当单击图像时，它会显示为整个网站的全屏，而不仅仅是iframe 区域？我正在使用 prettyphoto 脚本

这是我上传以显示问题的缩略图页面，当我单击缩略图时，它仅以 iframe 的大小全屏显示？（我的内容区）

http://callofdutylink.freehostia.com/

我知道有人问过关于谷歌分析的类似问题，但在这种情况下，跟踪代码有点复杂。我想将跟踪代码附加到通过 prettyPhoto 查看的每个图像。

在 prettyPhoto 初始化方法中，我定义了 changepicturecallback 来调用一个函数：myCallbaclFunc：

那么，myCallbackFunc 定义为：

}

但是当我检查生成的代码时，我得到的只是 emtpy div class="netscope"

除了“追加”我应该使用其他方法吗？我应该以某种方式逃避 javascript 代码吗？

提前致谢。