问题标签 [supersized]

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 回答
796 浏览

header - 标题下方的超大幻灯片

我正在使用超大的 jquery 插件来显示全屏背景幻灯片。看看这个网站(它不是我自己的,但我使用的是相同的结构):

http://mysampleconcept.com/situs4/

正如你所看到的(例如,如果你给标题一些不透明度)图像从正文的顶部开始。但我希望它们从标题下方开始(这​​样标题就不会覆盖图像的顶部)。

如果你给出超大的 LI,例如 top: 100px; 整个图像向下移动,使图像底部消失在我的页脚下方。所以这不是我想要的解决方案。

所以总而言之,我需要的是图像可以拉伸到最大尺寸,同时仍然在窗口内,而不是拉伸到顶部 100 像素或底部。

我怎样才能做到这一点?

对不起,我的英语不是最好的...

我找到了这个解决方案,但我不知道如何实现它:https ://stackoverflow.com/a/12889088/1981981

0 投票
1 回答
216 浏览

wordpress - 使用 wordpress 函数 is_frontpage() 控制超大幻灯片

我正在尝试使用此代码控制超大幻灯片

但是它不起作用,有人可以帮忙吗?

0 投票
2 回答
235 浏览

jquery - 完成图像后的滑块过渡

我正在使用超大滑块..

我面临一个问题...

如果图像尺寸很大并且加载需要时间,那么在完全加载之前,滑块会被更改为新图像..

我想添加一个功能,比如当一个图像完全下载时,然后滑块将传输..

有人可以帮我解决这类问题吗?

当上一张图片完全下载时,我想要幻灯片中转。

假设我有 3 张图片 a.jpg、b.jpg、c.jpg

a.jpg 转换为 b.jpg,

b.jpg 是一个非常大的文件.. 除非 b.jpg 完全下载,否则它不会被转换为 c.jpg ......

所以过渡可能会根据每个图像停止,直到图像完全下载......

0 投票
1 回答
426 浏览

jquery - 超大尺寸图像的异步加载

我正在使用一个超大的滑块,我想实现一些我无法做的事情。

假设我的图像幻灯片间隔为 3 秒,

我有四张图片 a.jpg、b.jpg、c.jpg 和 d.jpg。

现在 b.jpg 是一个非常大的图像,因此加载需要 4 秒。

现在在加载并保留 a.jpg 后,它会滑动以让位于图像 b.jpg。

现在,由于滑块间隔是 3 秒,而 b.jpg 需要 4 秒来加载,所以滑块的变化方式是在 b.jpg 完全加载之前,滑块发生变化并且 c.jpg 被加载。

因此无法看到 b.jpg,因为 c.jpg 在 b.jpg 之前加载。

我希望滑块像这样运行:直到并且除非完全加载一个图像,否则滑块不会移动。

假设如果 b.jpg 需要 6 秒来加载,滑块将给它 6 秒来加载。完全加载后,它将停留 3 秒(转换间隔),然后滑块会改变。

这是我的脚本:

0 投票
0 回答
224 浏览

jquery - jQuery Supersized IE9 问题

因此,正如您在这张图片中看到的那样http://cl.ly/image/3I0K1c1J3L1T出于某种原因 IE9 没有像在其他所有浏览器中那样缩放超大幻灯片。只是为了表明它在其他 IE 浏览器中工作,我将 IE8 放在它旁边。

在做了一些研究后,我把它从我的“头脑”中删除了

但没有任何运气。有任何想法吗?

如果您愿意,可以查看此页面上的代码。

我在单独的笔记本电脑上运行 Windows 进行测试,但它是 Windows 8,因此它不会单独运行 IE9 或出于某种原因在 IE Tester 中运行。

0 投票
2 回答
910 浏览

php - 使用输出 php/wordpress 从 post 到 supersized 获取 imgs

我有 WordPress,我需要包含 Supersized,但我遇到了关于图像的问题。

我需要通过 PHP 将多个字符串(基于帖子的数字图像)制作成 jQuery 代码:

例如,这是帖子,图像容器:

并且,通过 PHP,我需要将多个字符串放入 tag slides:[]


我已将此代码放入页面 php。

我需要通过 php 使用这个字符串从这篇文章中获取图像query_posts('page_id=170');

我想每个图像生成相同的字符串{image : 'http://....jpg'},,成行slides: []


我看到了这个旧代码......但它只有缩略图......我需要图像和多个字符串。

全部进入字符串:slides : []


我有问题。

我需要插入 imgs 的标题:

例如:

你能帮我怎么做吗?

ps:我有这个修改后的代码:

谢谢你,弗兰克

0 投票
1 回答
510 浏览

jquery - 超大:特定照片的外部链接?

我将Supersized jQuery 插件用于图片库。

如何从外部页面链接到超大画廊中的特定图像?

这是我来自 jquery 页面的代码:

jQuery(函数($){

....etc......
slide_links:'num',
thumb_links:1,
thumbnail_navigation:0,
slides:[

{图片:'photos/BE_oct14-4.jpg',标题:'slide0',拇指:'',网址:''},{图片:'photos/cinqueterre-4.jpg',标题:'slide1',拇指:'',网址:''},

以及来自外部 html 页面的链接:< href="photos.html#im=3>

0 投票
1 回答
114 浏览

php - 如何添加img的“标题”并用wordpress显示

我正在编写一个由我修改的 Supersized,介于 wordpress 和著名的超大幻灯片之间。

在某处,我发布了一个问题(大约 7 天前),关于如何将图像从 wordpress 插入到 Supersized 并解决。我的客户问我他想要主页底部显示的图像的标题(进入 url )。

所以我需要插入图片的标题:

例如:

此修改后的代码用于图像但不是标题:

0 投票
2 回答
1957 浏览

jquery - 使用 Supersized 和 Zurb Foundation 时如何保留背景幻灯片图像的纵横比

我正在使用两个流行的工具,Zurb Foundation 和 Supersized jquery 网站插件。我以前一起使用过一次。但是,当我将它们一起使用时,Zurb Foundation CSS 会压缩图像纵横比,这会扭曲 Supersized jquery 插件中的图像。当浏览器窗口变窄时,它会执行此操作。

这在我以前的网站上没问题。它不会在我当前的站点中执行。

因此,当窗口或设备很窄时,图像会被挤压。

如果我删除了 Zurb CSS,那么 Supersized 会保持纵横比不变,所以我知道原因与 Zurb Foundation 所做的图像调整大小有关。那么我如何在 Supersized 中仅使用 Zurb CSS 来处理背景图像。

站点演示可以在这里看到:http: //mwildmandesign.com/IBG/index.html

这是一个稍微调整大小并保持纵横比不变的网站,我需要它在我的网站上查看:http ://risd.edu

0 投票
1 回答
85 浏览

jquery - 是否可以在 Supersized 插件中添加唯一的“字段”?

我使用 Supersized jQuery 插件(http://buildinternet.com/project/supersized/)向访问者展示我自己的照片。访问者可以购买网站上的每张图片,因此我决定添加“立即购买”按钮。

我想为此使用 PayPal,并且为此找到了一个简单的解决方案。问题在于立即购买按钮,因为每张图片都有唯一的价格,所以我需要更改锚的href属性中的价格参数。我怎样才能做到这一点?