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

jquery - 与后伸一起使用的图像的理想尺寸是多少

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

0 投票
1 回答
951 浏览

javascript - 带有 div 附加内容的“下一个”和“上一个”按钮

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

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

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

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

0 投票
1 回答
483 浏览

php - 从文件夹中提取图像以进行 Backstretch

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

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

非常感谢你帮助我!!

0 投票
1 回答
272 浏览

jquery - Check if jquery plugin is loaded

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.

0 投票
2 回答
691 浏览

jquery - 我正在使用 jquery backstretch 和水平滚动。为什么当我调用 $.backstretch('next') 时它会跳回左侧?

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

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

html:

CSS:

js:

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

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

0 投票
1 回答
444 浏览

jquery - jquery backstretch - 跳转到特定图像

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

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

这是我的基本回溯代码:

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

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

0 投票
1 回答
634 浏览

html - 引导页面无法在 Safari 上正确呈现

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

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

0 投票
1 回答
424 浏览

jquery - Safari 中的 Backstretch 在最后一张图片和第一张图片之间不会褪色

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

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

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

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

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

0 投票
1 回答
522 浏览

twitter-bootstrap - 移动滚动上的 BackStretch 空白底栏

所以我在我的网站上使用 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:

0 投票
2 回答
896 浏览

php - 对单个页面的不同图像使用 Backstretch

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

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

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

到目前为止我的代码:

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

有没有人有办法解决吗?