问题标签 [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 投票
0 回答
79 浏览

jquery-backstretch - Backstretch 幻灯片中允许的图像数量

我想知道您是否可以向 jQuery Backstretch 幻灯片添加三个以上的图像,我有三个图像旋转但它不会拾取第四个,请参阅代码;

],{持续时间:3000,褪色:1250});

谢谢

0 投票
1 回答
1301 浏览

javascript - 如何在带有向后拉伸的幻灯片中显示图像标题?

我正在使用 jQuery backstretch 幻灯片:

我想在显示图像时显示每个图像的标题。对于我想要展示的图像outside.jpg和我想要展示outsidecheers.jpg图像cheers。(不是文件名,而是跨度或某个元素中的内容)。显示当前图像时如何显示图像标题?

http://imgur.com/7dNKCaU

像这样的图像是可以接受的(只需要在幻灯片上显示图像时获取与图像相关的字符串,在幻灯片上显示下一个图像时获取下一个图像字符串。)

注意:不需要样式。

0 投票
0 回答
453 浏览

javascript - 在多个 Div 上进行回弹

我正在尝试创建一个垂直滚动的单页网站。我的设计是基于图像的,它需要对我的成绩具有移动响应能力。

我遇到的问题是背景图像。我可以向后拉伸以仅使用主体,但是我需要它在不同的 div 中工作,而不仅仅是在容器的整个高度上显示一个图像。

我对 jquery 没有那么有经验。这绝对是我的主要问题:(

任何建议将不胜感激。这是我到目前为止所拥有的。

这会将图像应用于 div,但是它根本不再缩放图像,而是以 y 轴为中心,它只是隐藏了图像的一部分。

0 投票
1 回答
477 浏览

javascript - 为移动设备提供一组不同的图像

我正在使用jQuery-backstretch在我的页面上提供褪色的背景图像。这适用于桌面,但由于这些图像的详细程度,我只需要为移动用户使用另一组图像。

到目前为止,我发现了如何为移动设备禁用脚本(或对单个页面使用不同的图像:Using Backstretch for different images for individual pages),但我很想知道如何为移动设备提供一组完全不同的图像.

有没有人有解决方案?非常感谢。

0 投票
1 回答
130 浏览

jquery - jQuery backstretch 插件根本不起作用——编程新手

我根本无法让我的 backstretch 插件工作。

我直接从这里下载了它,并且我正在按照 youtube 教程进行操作,但是他的代码有效,而我的无效。

我究竟做错了什么?我必须下载其他东西吗?我是编程新手,所以任何帮助将不胜感激。

谢谢!

0 投票
1 回答
1062 浏览

html - 倾斜容器 CSS 中的直背景图像

我正在尝试创建一个可以接受背景图像的旋转容器。

问题是,我试图保持原始图像的比例,所以图像不会倾斜,而只会被裁剪。

这是我设置的小提琴:http: //jsfiddle.net/RyU9W/38/

HTML:

CSS:

有一个运行良好的彩色容器,但图像无法正确旋转。

我会很感激任何帮助!

0 投票
1 回答
962 浏览

javascript - jQuery backstretch 图像自动移动和返回

我在我的网站上使用 backstretch。现在尝试将背景从左到右自动移动。但直到现在,它只是朝着一个方向发展。我正在寻找那个移动图像的连续循环。

如何重置/移回图像?

backstretch.js:http ://dev.disaster-kfw.com/fileadmin/template/js/slidebackground.js

更多用于移动效果和初始化的 javascript

产生这个 HTML 输出

抱歉发布的 html 代码有点丑陋,不知道做对了......

编辑:

非常感谢,但我认为这不是我需要的。

我想我需要一个关于图像宽度和边距左的计算来从左移到右移和后退。

所以我试图计算我的图像的宽度,但是

始终为 NULL。

破坏了整个 javascript。

我认为编写第二个名为 backswoop 的函数来计算左边距可能是一种解决方案。然后做一个关于margin-left和image-width的条件。

但是,因为我不擅长 javascript,所以它不起作用:-(

0 投票
1 回答
177 浏览

wordpress - Wordpress 自定义后伸图像

我正在使用一个已经包含 backstretch 脚本的 studiopress 主题。使用了网站的背景图片,但我使用的是内容交付网络。

目前图片网址为:mysite.com/media/background-image.jpg

我希望它是:cdn-url.com/media/background-image.jpg

这很重要的原因是该网站托管在美国中西部,但拥有英国观众。CDN 提供来自英国伦敦的静态内容。

我已经在 studiopress 支持论坛上发帖,但还没有回复。

当前的函数php代码是:

这可以改变以获得我想要的结果吗?

0 投票
0 回答
143 浏览

jquery - 在某些分辨率下停止回弹幻灯片

我使用 JQuery Backstretch ( http://srobbin.com/jquery-plugins/backstretch/ ) 来制作一个漂亮的背景画廊。在移动设备上,我总是会遇到覆盖内容的问题,如果分辨率低于 767,我想停止回溯幻灯片。然后它应该只显示一个简单的图片。我试过这段代码:

加载后:

但这向我展示了新的背景图像,但并没有停止幻灯片。

感谢帮助。

关于托马斯

0 投票
2 回答
1293 浏览

javascript - Backstretch jQuery 插件不起作用

我想使用 Backstretch jQuery 插件在起始页上创建全屏背景图片。因此我使用了以下代码:

我真的不知道我做错了什么,因为我按照演示中描述的方式做错了......

我非常感谢您的帮助:)