问题标签 [jquery-backstretch]

我如何修改此插件http://srobbin.com/jquery-plugins/backstretch/以在调整窗口大小时自动保持背景比例，如http://css-tricks.com/examples/FullPageBackgroundImage/css-1。 .php _

我喜欢“backstrech”中的平滑淡入淡出效果，我想保留这个插件，但如果有人有更好的插件来实现我正在寻找的图像之间的平滑效果。

谢谢

我正在建立一个使用 Backstretch 的网站（顺便说一句超级方便）。我已经看到了一些将特定元素推送到幻灯片的示例，如下所示：

但是有没有人有创建后退/前进按钮的经验（无需指定 URL）？查看源代码 line 252，您会看到一个next功能，但我不确定如何使用它，通过标准点击绑定：

认为这将作为一个微妙的 UI 添加有用。任何指针将不胜感激。谢谢！

http://getfilming.co.uk/ is the link. I have put

just above </head> but to no avail!

Any help would be greatly appreciated.

我正在为我的背景幻灯片使用很棒的插件jQuery BackStretch 。这是如何将图像传递给它的常用方法。

不过，我不想通过硬编码为其提供图像，我希望该函数能够获取我的 PHP 在该容器中生成的内容。这是我到目前为止所拥有的。

显然，这不起作用 - 根据 FireBug，未定义可变图像 (?) 。尽管如果我“警告”该变量，它会显示以逗号分隔的图像 url。

知道我在做什么错吗？谢谢！

我试图让 jquery backstretch 在幻灯片中进行。到目前为止，我对该页面的代码是直接从 backstretch 演示页面复制的：http://srobbin.com/demos/jquery-backstretch/examples/slideshow.html

职责是页面非常简单，到目前为止我的代码如下所示：

我已经尝试过有和没有持续时间和褪色但没有快乐。此外，仅使用一个图像，它就可以正常工作。不止一个，它只是一个白色背景。看着萤火虫我得到这个错误：

<img style="position: absolute; display: none; margin: 0px; padding: 0px; border: medium none; z-index: -999999;" src="beach.jpg,swing.jpg">

显然找不到图像源。

任何帮助表示赞赏。

我安装了一个 jQuery 插件Backstretch并与我的 Refinery Rails 应用程序一起使用。

该插件会加载我在其中列出的 1 张图片

应用程序.js

我正在尝试从我发现的一个示例中工作，该示例说明“使用 if/else 语句来加载回弹。if($("body#about"))....else if($("body#contact")...";但是我真的不知道如何正确编写它。这是我尝试过的：

应用程序.js

写这个的正确方法是什么？或者有没有更好的方法来达到这个效果？

我正在使用jQuery Backstretch的幻灯片功能。我将在多个页面上使用它，所有页面都有不同的图像集。我认为查看包装元素中的图像，获取 src 属性，然后将它们插入到$.backstretch()函数中会更有意义。

我从来都不擅长数组，但我想这就是我需要创建的东西才能让它工作。

如果您只使用一个图像，我已经找到了一个如何完成此操作的示例，但我想使用两个或更多，以便我可以利用幻灯片功能。

这是一个示例，说明如何仅使用一张图像即可完成：

html

js

谢谢！

我有一个由 Backstretch 脚本驱动的全屏背景幻灯片。我正在尝试为每张幻灯片创建一个标题，并希望在

代替

跨度是填充幻灯片并隐藏的列表的一部分。

这是迄今为止我所拥有的一个jsfiddle。

http://jsfiddle.net/g84hK/7/

感谢您的任何建议或帮助。

我正在使用带有多个 div 作为背景（部分）的 backstretch jquery 插件。目前我使用的是固定高度，但我希望 div 是窗口的 100% 高度并且页面是可滚动的。我怎样才能做到这一点？

HTML

CSS

}
JAVASCRIPT

我正在使用backstretch jquery在我的网站上循环图像。我可以让图像循环正常，但我正在尝试添加“下一个”和“上一个”按钮，但我无法让它们工作。

当我单击下一个按钮时，什么也没有发生。

我的下一个按钮如下所示：

<a id="next" href="#"><img src="/images/arrow-right.png">

我将我所有的 jquery 代码放在页面底部的 body 关闭标记之前。

使用萤火虫调试，我得到这个：