问题标签 [jquery-backstretch]

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 投票
2 回答
2649 浏览

javascript - 如何将css添加到jquery backstretch?

所以我能够使用 jquery backstretch 创建幻灯片。

但是,我希望repeating-linear-gradient在图像上添加效果

是否可以将上述 css 应用于后伸图像?

0 投票
0 回答
48 浏览

javascript - 页面内容在 1 秒后淡出

我有一个模态的网站。然而,每当我只在移动设备上访问一个页面时,所有内容都会在出现 1 秒后从屏幕上消失。我正在使用backstretch.js,并且这个确切的 HTML:<div class="modalDialog"><div></div></div>必须在页面上,以便内容保留。我的班级 CSS.modalDialog如下所示:

这个 CSS 中有什么会导致这种情况的吗?谢谢!

0 投票
0 回答
111 浏览

javascript - 使用 jQuery Elastic Grid 存在类“og-expanded”时调用函数

我将插件http://demo.phapsu.com/jquery.elastic_grid/用于投资组合,并在I上使用 jQuery backstretch 插件 ( http://srobbin.com/jquery-plugins/backstretch/ )<section>有投资组合。单击投资组合项目并打开投资组合项目时,后伸不会更新。我想要做的是,一旦投资组合项目展开(存在“og-expanded”类),就调用 backstretch 进行更新,然后在展开的项目关闭时再次调用 backstretch 进行更新。

$("#portfolio").backstretch("resize");我尝试通过在此处找到的代码中调用来调用 backstretch : Forking elastic grid plugin to be able to close preview by clicking any place on the screen这是一种解决方案,允许用户在单击投资组合弹出窗口之外的任何位置时关闭投资组合项目,但它似乎不起作用。

任何帮助,提示,将不胜感激。谢谢。

0 投票
0 回答
185 浏览

php - 从数据属性中获取值并在过滤器中使用它

在过去的几个小时里,这已经让我感到困惑。希望任何人都有明确的答案,无论如何,感谢您的支持。需要在 jQuery 中设置的数据属性中的三个值之间进行过滤。这些值会根据 进行更改并放入属性中screenwidth。jQuery 部分工作正常。现在棘手的部分是,在 PHP 文件中,应该使用 data-width 属性的正确值并将其作为自定义字段的值。该值会触发backgroundslider.

我尝试了 if/else 语句,其中属性值有一个变量,custumfield当它的值与 jQuery 中的 mad 值相等时,它可以为 . 这失败了。我的知识有限,因此我的文件看起来像这样。

jQuery:

PHP:

我试过issetand property-exists,但没有成功。谢谢!

0 投票
2 回答
312 浏览

jquery - 根本无法让 Backstretch 发挥作用!尝试加载时出现 404 错误

我在业余时间在一个小网页上工作,在那里我使用 python/django 和 bootstrap。我对前端没有太多经验,所以尝试做一些非常简单的事情。今天我看到了 backstretch 插件,觉得它听起来很酷且易于设置。但是现在我已经处理了几个小时,仍然没有显示图片。

这是我的代码:

对于尝试加载 backstretch 时的行,我收到以下错误:“加载资源失败:服务器响应状态为 404(未找到)”。

一直在尝试以不同的顺序加载脚本 - 但没有任何帮助。我究竟做错了什么?

0 投票
1 回答
421 浏览

javascript - 您如何将 jquery 函数链接到 vanilla 选择器

这可能很简单,但我无法为搜索引擎弄清楚或正确说出它。我尽量不在 a.performance 和 b.personal 练习中使用 jquery。

我正在选择一个元素

var container = document.getElementById('container');

然后我尝试在它上面链接这个 jquery 方法

container.backstretch('url/to/img');

我正在使用的 jquery 插件称为backstretch.js

是否有捷径可寻?还是答案取决于方法的编写方式?

谢谢!

编辑:

控制台显示此错误:

未捕获的 TypeError:container.backstretch 不是函数

编辑:

$(container).backstretch('url/to/img');作品。但我并不完全理解。这是因为 jQuery 需要创建一个对象来附加该方法吗?

0 投票
1 回答
386 浏览

jquery - Backstretch jQuery 点导航

我正在尝试使用点为后伸滑块构建导航。

目前我正在使用点的值更改为单击时具有该值的幻灯片。

让它自动播放 1 或 2 张幻灯片,然后单击索引的第一个点返回 01 而不是 0。这会破坏自动播放滑块和导航。

谷歌搜索后我似乎找不到任何修复方法,有什么想法吗?

0 投票
0 回答
89 浏览

jquery - 添加指向回弹幻灯片的链接

我目前正在更改使用 Backstretch 进行全屏幻灯片放映的现有网站,因为该网站也使用视差效果。我需要做的更改是为每张幻灯片添加不同的链接。我经常使用后伸,但从来没有用它做这样的事情。

例如,幻灯片 1 需要链接到 google.com;幻灯片 2 到 yahoo.com 等等。

这个插件有可能吗?

0 投票
1 回答
160 浏览

jquery - 动态调用 backstretch.js

我正在尝试在 WordPress 模板中动态调用 backstretch.js。我正在使用带有转发器字段的高级自定义字段来设置每个部分的图像和 CSS 类。

我在 PHP 中构建数组,并使用 wp_localize_script() 对其进行本地化;

JS 对象如下所示:

backstretch 调用如下所示:

我检查了 HTML 输出,它是正确的。但是图像被应用于同一个div,并且图像在两者之间闪烁。

如果我手动调用 backstretch 它可以工作:

不太确定我哪里出错了。如果有人可以在这里帮助我,将不胜感激。

0 投票
1 回答
170 浏览

twitter-bootstrap - 如何在jsp中使用jquery-backstretch

在这里http://www.jquery-backstretch.com/上找到了这个 jquery 插件,但是当我调用 $.backstretch() 方法来设置背景图像时,我想在我的 jsp 页面中使用它,并且没有能够...下面是我的代码

还适当地设置资源,如下所示: