问题标签 [jquery-backstretch]

我正在使用 Flexislider 滑动图像。

我的 HTML 代码是：

我正在尝试添加这样的选择器：

我不知道如何让后伸在 div 上工作，它仅适用于身体时 100% 工作，没有错误。但是当我尝试开始工作时，<div>我收到以下错误：

未捕获的类型错误：对象 [object Object] 没有方法“backstretch”

我一直在这里寻找答案，似乎大多数问题都与调用 multipal jQuery 文件或重新排序调用它的 backstretch 的方式有关。我试过这个，但仍然没有快乐。

有没有人有任何想法？...也许我已经盯着这个太久了。

如有必要，我可以提供一些代码或网站链接。

编辑*

我有一个 ID 为“test”的 div

编辑* http://wearebabble.triple-tested.com/global/view

我正在使用backstretch作为全屏背景。在我的一个网站上，它在开始正文标记之后与此代码完美配合：

但是在我的新网站（一个页面布局有几个 div）上不起作用。我按照 backstretch 网站上的建议尝试了以下代码 - 我希望每个 DIV 有不同的全屏背景：

然后

CSS 代码：

我目前正在使用 CSS 作为我的单页网站的全屏背景（由多个 1300 像素高度的 DIV 组成）。它工作得很好，背景图像在页面的可见部分是全屏的，但它在 ipad 上不起作用。backstretch的问题是，如果我包含此代码

在我的“媒体”DIV 中，背景图像覆盖了我的 DIV 的全尺寸（因此 1300 高度 * 宽度），这不是我希望它仅覆盖浏览器窗口的内容非常感谢

使用 CSS 方法的 DIV 示例：

我正在使用backstretch.js jquery 模块制作背景幻灯片。

现在，我想做的是添加jquery idle-timer，并让它与一些 backstretch 的元素交互。

我有一段代码正在工作，它根据我所在的项目显示和隐藏某些元素。

Backstretch 代码是这样的并且可以工作：

在第一张图片上，它只显示“下一步”按钮。在最后，只有“上一个”按钮。其余的，两个按钮。

Idle-Timer 代码看起来像这样（它也可以工作）。它会在五秒钟后隐藏导航按钮，然后在您再次触摸页面时显示它们。

显示第一张图片时，您只会看到下一个按钮，然后等待按钮将隐藏。然后移动鼠标，空闲计时器的第二部分显示下一个和上一个按钮。

所以我想我希望它看起来像这样（这不起作用）：

不过，这给了我一个关于未定义索引的错误。那么我可以将 index 和 instance.index 分解为全局变量以供 idleTimer 访问吗？如果是这样，怎么做？

我正在使用 jQuery.Backstretch，我有一个动画，但我想将它定位到 ID 为 exp 的 div，如何定位它？这就是我所拥有的：

谢谢 ：）

我正在构建一个 WordPress 网站，我想要一个全屏主页背景滑块。我真的很喜欢这里的 jQuery backstretch 插件：https ://github.com/srobbin/jquery-backstretch

（如果您快速浏览一下它是如何工作的，请在 Demo 下拉菜单中选择第二个。）

要使插件工作，您需要使用这个 JS 片段：

如您所见，图像需要在 JS 中声明。我需要能够上传尽可能多的图像，运行一个循环来获取每个图像的 URL，然后显示它们。我需要通过 PHP 传递这些。

用于获取每个图像的 PHP 片段将是：<?php the_field('background_image'); ?>

如何更改脚本以运行循环并通过 PHP 获取图像？

提前致谢

编辑：

这是使用 ACF 插件和选项页面插件显示我的所有图像的循环：'

嗨，在过去 5 天尝试回弹时，遇到了无法加载图像的问题。检查了我所有的文件路径，有适当的库插件，检查标记顺序，检查脚本顺序。有任何想法吗？请帮忙！非常感谢 - 并为成为新手而道歉。

这是我的代码：

我没有声明任何CSS，仅供参考。非常感谢！

我正在尝试让硬币滑块将图像大小调整为 960 x 360。当我尝试时，它会使滑块本身变为 960x360 而不是图像。因此，如果我使用 1920x1080 的图像，它只会显示图片的左上角部分，而不是调整它的大小。我检查了元素，发现coinslider正在获取标签中的图像并将其添加到背景图像的div样式中。我尝试了css但没有运气，我尝试在div上使用backstretch。

这些不起作用:(

也许我需要一个 jquery .change 事件来检测#coin-slider 样式标签何时更改然后添加

不太确定该怎么做，然后迷路了。

我正在尝试对 rails 4 应用程序使用 backstretch（单张或幻灯片）。我已经安装了最新版本的 backstretch-rails 2.0.4。经过一些初步的困难，我能够让图像显示在我的本地主机上。

我现在一直在尝试部署到 heroku，但图像没有显示。这些图像在 public/assets/images 中，但我也将它们包括在内并在 app/assets 中指向它们......（没有变化）。我已经预编译了资产，同时尝试了 RAILS_ENV=production bundle exec rake assets:precompile 和 heroku run rake assets:precompile。这些资产似乎正在写信给heroku。仍然没有图像。

我还看到这可能是 js 不工作的问题（JavaScript 不能在 Heroku 上加载但在本地工作）所以我安装了 jquery-migrate。我还在 config/environments/production.rb 中将 config.serve_static_assets 更改为 true。既然改回来了好像也没解决。

我可能还尝试了一些其他东西，SOF 上的其他人建议这些东西固定在我读过的类似问题上。

图像仍然没有出现在 heroku 上。有任何想法吗？提前感谢您的任何建议！

这是我的 Gemfile：

这是在我的 application.js 中：

这在我看来：