问题标签 [jquery-backstretch]

我试图有一个背景图片来填满整个页面。但它一直在裁剪部分。即使我使图像在大空白的中心变得很小。你会推荐什么尺寸来获得最少的种植量？

我的后伸有问题。我想要一个幻灯片，每个图像都有一个带有文本的 div。

我得到了这个工作，但是当我尝试添加“下一个”和“上一个”按钮时，只有“下一个”按钮有效，“上一个”按钮行为不端，我看不到错误。

请看这个小提琴来看看我的代码： 小提琴

我无法让小提琴工作，但它在我的电脑上运行良好。编辑：小提琴正在工作！

因为我在任何地方都找不到答案，也许其他人也对此感到困扰。我想在 backstretch 中使用文件夹中的随机图像，而不指定之前的图像。我不擅长 php，所以有人可以告诉我如何做到这一点，我相信它会是 sth。类似于这个解决方案，它适用于超大（如何使用超大！带有图像文件夹的插件）

此外，当重新加载/重新访问页面时，我需要幻灯片以不同的图像开始。

非常感谢你帮助我！！

How can I check if this jquery plugin backstrech was already loaded: http://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js

if($.fn.backstretch) is not working.

我重新创建了我在这里所做的一个非常精简的版本：

http://jsfiddle.net/xK7U2/11/

html:

CSS：

js：

当您水平滚动超过 250 像素时，它（有时）会在后伸图像更改时将滚动条向左跳回到起点。在它发生之前，您可能需要尝试几次。

谁能告诉我为什么以及如何防止这种情况发生？

我使用 Backstretch jquery 作为页面上的幻灯片。我希望能够链接到页面上的单个图像（例如，来自博客文章，甚至来自缩略图视图）。

例如，我希望能够访问 mysite.com/projects/firstproject#3 - 并让它正常加载页面，但从图像 3 开始而不是从开头开始。

这是我的基本回溯代码：

这有效，但效果不佳。它显示第一个图像，将其余图像加载到后面，然后在完成后移动到所选图像。在包含一堆图像的页面中，这可能是一个相当大的延迟。

有没有更快/更好的方法来做到这一点？

我正在使用 Bootstrap 和 backstretch ( http://srobbin.com/jquery-plugins/backstretch/ ) 来组合一个简单的静态网站。在不同的浏览器上测试它时，我发现它无法在 Safari 上正确加载。我知道我的一些代码不是很干净，因为这是一项正在进行的工作，但内容在其他浏览器上显示完美，所以我很难过。

通常，这会呈现一个 div，它是页面的全宽和视口高度的 95%。然后，这个 div 被一个使用 backstretch 的图像填充。在 safari 的情况下，根本不显示图像，并且文本与下一组 html 重叠。

Backstretch 是 jQuery 的扩展，它允许您设置动态可调整大小的全窗口背景图像（网站在这里）

我正在使用它在我的网站上制作背景幻灯片（这里）

在 Firefox 和 Chrome 上一切正常。在 Safari 下，fadeIn/fadeOut 在数组中的最后一个图像和数组中的第一个图像之间出现故障。它不是淡入淡出，而是从一个图像跳到下一个图像。在 Safari 下，它通常看起来也很“有问题”。

这是官方幻灯片示例中代码的复制/粘贴，这是我在自己的网站上使用的（下载作者的完整包时示例文件夹中的示例 slideshow.html）。使用作者的示例，它可以在 Safari 下运行，并且一点也不觉得有问题。

我试图理解为什么我的页面在 Chrome/Firefox 上运行完美，但在 Safari 上出现故障，而他完全相同的代码在所有三个上运行完美。

所以我在我的网站上使用 BackStretch jQuery 插件，到目前为止它运行良好。我看到的唯一问题是，在移动垂直屏幕上，当我开始向下滚动时，底部会出现一个空白白条 - 就在顶部 url 和底部浏览器菜单缩小/消失之后。当顶部和底部浏览器栏消失时，body 标记中的背景似乎没有记录它需要调整大小。关于如何解决这个问题的任何想法？我正在使用 Boostrap 3.0，并且在垂直滚动条上出现了一些白条问题，但我能够使用 overflow-x:hidden 解决这个问题。任何想法将不胜感激。该网站位于http://ivynursery.jacobbuller.com - 您可以在关于http://ivynursery.jacobbuller.com/about.php和联系方式上查看问题http://ivynursery.jacobbuller.com/contact.php页面。

这是我为 body 和 container div 设置的 css：

我希望那里有人可以提供帮助。我正在尝试使用 jQuery Backstretch 为 Bootstrap/Wordpress 中的每个特定页面应用不同的背景图像。例如：

首页 - bg image a 关于 - bg image b 新闻 - bg image c 等等...

我已经设法使用标准的 Backstretch 脚本为所有页面显示单个图像，但我完全迷失了（即使在搜索之后）如何应用上述内容。

到目前为止我的代码：

我在我的footer.php 中使用了它。

有没有人有办法解决吗？