问题标签 [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.
jquery - JS Supersized plugin - images cutting off at edge of viewport
So I'm using the Supersized plugin (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) to display beautiful background images behind the site. It normally stretches to fit whichever size your browser window is. On the iPad, the background cuts off at the end of the viewport. I can pinch to see the whole site and zoom in just fine. But the background stays put.
The most important thing I need to have is the images fill the length and height of the content. Link and css below:
http://www.xsp.com/new_site/index.php
Any help is greatly appreciated, under the gun here. Thanks.
jquery - 让 supersized.js 和 jquery 循环同时制作动画
我在这个网站上使用了两个插件“supersized.js”和“jquery cycle”。
http://countrypleasin.com/new/
我正在寻找与标题图像周期同步的超大背景动画。(文件)。到目前为止,一厢情愿的想法并没有削减它。由于加载时间,我的标题将比我的背景旋转稍早开始动画。
谢谢
$
});
jquery - jQuery Supersized:从 LI 加载图像
我正在使用 jQuery Supersized 插件(http://buildinternet.com/project/supersized/)。
我想要实现的是采用这样的自动生成列表:
并采用相关选项并将其添加到幻灯片中:
正在使用的系统不允许服务器端代码,所以我必须在 JS 中完成。
我已经成功地创建了一个更简单的方法来做到这一点,但它只能用一个尾随逗号来实现,这会导致 IE8 之前的中断。
所以这是我能想出的唯一解决方案,但到目前为止还没有安排好。
或多或少:
我可以获取列表中的详细信息并在幻灯片中使用它们来生成超大的背景图像吗?
例如
这:
对此:
最后一个没有尾随逗号。
jquery - 使用超大尺寸与 Cakephp 时不显示图像
我目前正在为客户开发一个简单的网站。请求很简单,主页滑块应使用全屏宽度。所以我们决定使用Supersized。但客户还希望将项目扩展到 CMS。所以我们的选择是cakephp。
现在我已经开发了静态站点(没有框架),它托管在http://pyxis.co.in/unifi3/ ... 而 cakephp 站点是http://pyxis.co.in/unifi/
您可以在使用 cakephp 时看到图像,即使它们出现在未显示的资源中。但是静态站点没有显示幻灯片的问题。
我已经尝试了很多东西,从 CSS 到 javascript 解决方案。但现在我不确定我在这里做错了什么。
你能把我从这个地狱里救出来吗?
谢谢你。
jquery - 超大的jquery插件额外字段
谁能帮我看看如何在超大的 jquery 插件中为图像添加额外的字段?
目前,您有以下选项:
我想添加两个额外的字段。类别和描述。
任何帮助将不胜感激。
javascript - 是否可以从外部页面链接到超大幻灯片中的图像?
我仍在尝试使用单击事件来充当指向超大幻灯片中的幻灯片的链接。是不是毫无意义?拜托,如果有人有任何想法,我很想读一读。
我正在尝试使用为超大幻灯片引用的 .click 函数。
该功能将在页面内工作,但我将如何从外部页面链接?我有一个充满缩略图的页面,并试图将每个缩略图链接到幻灯片页面上的相应幻灯片。不确定这是否可能。这个事情谁有经验?
任何帮助将不胜感激!
javascript - 数组项作为列表和嵌套列表
我为每个背景页面都有一组图像,并且我正在使用一个数组来根据我单击的菜单项加载每个图像。菜单项也有子菜单,整个菜单系统应该与数组项“同步”:
html菜单:
大批:
当站点加载时,它会显示 [0] 1.jpg,这是主页。但是我们可以点击的第一个项目是“菜单 2”,因为“主页”按钮没有显示在菜单中,它应该转到 [1] 2.jpg。
这是我使用的 jQuery:
使用“api.goTo(index+1);” (在这里使用超大插件)我说(或者我认为我是)在第一次单击菜单项时,转到应该是 [1] 但它不是的 index+1 ,它看起来仍然是[0] 用于主页。此外,我认为嵌套项目仍将遵循索引序列。
基本上我无法获得正确页面的正确图像。这就像我没有根据我单击的菜单项导航数组。
在这种情况下,Ps 索引是 jquery 循环中项目的基于 0 的索引
jquery - JQuery 全屏图库
我正在使用超大插件http://buildinternet.com/project/supersized/来获得全屏画廊。
它本身工作正常,但我只需要从一个花式框按钮和一个 esc 按钮隐藏和显示它。我正在使用fancybox 2,我也想实现全屏,所以我使用了超大尺寸。
问题是:如何在不影响其行为的情况下隐藏超大尺寸?
答案并不像您想象的那么简单,因为如果您尝试将 'display: none' 设置为 div#supersized 和其他相关 div,当您显示它时,图像的自动“适合”不起作用......
如果您设置“可见性:隐藏”,它似乎可以工作,但是当我想第一次看到第一张图像时,应该显示图像的框是完全白色的。
您可以查看我的测试站点,例如:http ://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO
有什么建议么?
javascript - jquery Supersize显示IE错误
我正在尝试将超大型 Jquery集成到 Wordpress 中。
我知道那里有一个 WP 插件,但我更喜欢手动执行此操作,因为我正在为幻灯片使用自定义标题、自定义模板和 wp-ecommerce 产品帖子(很难与插件集成)
一切都很好,除了由于最后的幻灯片逗号没有被删除而在 IE 中出现错误。
IE 错误是:消息:'base.options.slides[...].thumb' is null or not an object
====================
编辑:我更新了下面的代码以反映 Naor 的答案 - 他的建议非常有效(感谢 Naor !!)
jquery - 重装超大!幻灯片过渡错误
我在使用 Supersized 时遇到问题!插件和替换图像。我遇到的问题是,当我重新加载幻灯片时,从幻灯片到幻灯片的转换速度会呈指数级增长。
要复制问题,请单击项目导航,然后单击子菜单项,然后它会加载下一个幻灯片放映,每次单击一个时,每次转换都会跳过更多幻灯片。
这是网站http://www.liquidvision.co.uk/clients/wattsconstruction/
这是影响的主要代码:
我创建图像数组:
然后设置主页超大幻灯片
然后创建 restSupersized 函数:
然后用我要使用的数组调用函数...即 onClick();
谢谢你的帮助 ;-)