问题标签 [responsive-slides]

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

jquery - 自定义轮播始终在屏幕中心显示四个项目

我已经设法从滑块的代码构建了一个自定义轮播。\

现在一切正常,但我在排队时遇到了一点问题!这是我到目前为止所拥有的:- http://goo.gl/lw4FVS

我想要的是 4 张幻灯片始终显示在中央不褪色区域内。如您所见,它只是偏离中心。

无论您使用什么屏幕尺寸,我都必须让四个轮播项目显示在中心。

我的jQuery代码如下: -

关于如何做到这一点的任何帮助或建议都会很棒。谢谢好心人。

0 投票
1 回答
323 浏览

javascript - jquery滑块响应问题

我是 jQuery 的初学者,我试图让滑块响应并且正在工作,但我有一些我想要修复的错误,首先当传递到下一张图片时,它有时会变成白色并且它不工作再有,第二次它开始变得越来越快。

有什么建议么?

0 投票
1 回答
812 浏览

responsive-design - JSSOR Slider 在 Windows Phone 和 Android 上无法通过方向翻转调整大小

我在我的网站上的响应式重新设计中实现了一个 JSSOR 滑块。你可以在这里查看

起初,我遇到了滑块响应 iPhone 和 iPad 上的方向变化的问题。通过一点研究,我发现我必须添加一个orientationchange 命令来修复它。

在我开始工作后,我尝试在 Windows 手机和 Android 手机上进行方向更改。调整大小不适用于这些设备中的任何一个。

我认为调整大小命令应该处理它。

我认为是问题的代码是这样的:

缩放滑块();

0 投票
1 回答
80 浏览

jquery - 使用 js 在页面加载时移动元素

http://cccw.ecologik.net/ResponsiveImageGallery/

我正在使用我喜欢的 Elastislide Carousel Thumbnail Viewer。我只是想将缩略图移动到查看器的底部,而不是顶部。我不认为这是一个 css 问题,而是在使用 gallery.js 文件的构建中发生的问题。它正在做各种追加。到父 div,但我仍然找不到创建和显示拇指的位置。无论我在代码中将拇指 div 移动到哪里,它都会一直移到顶部。我如何最好地解释这里发生的 .appends?

0 投票
1 回答
146 浏览

css - DIV 中的垂直文本对齐 - 响应式文本大小

我有一个 wordpress 网站,我试图在滑块图像上垂直浮动文本。

我使用以下 CSS 在我的滑块小部件上硬编码了一个静态全宽图像。

现在来回答这个问题。虽然文本在宽屏上看起来很漂亮,但当浏览器窗口缩小或从移动设备查看时,文本会溢出滑块图像并溢出到其他小部件中。

有没有办法将此文本锁定到仅滑块小部件中?以某种方式响应文本大小?

0 投票
1 回答
196 浏览

javascript - 仅当用户单击链接/按钮时才启动响应式幻灯片

我能够在我正在创建的网站上使用它:http: //jsbin.com/eHaHEVuN/1/(在 如何启动/停止 ResponsiveSlides.js? 中找到它?

幻灯片会自动开始,直到单击暂停。我需要的是幻灯片在用户点击播放之前不会开始。也就是说,在单击 PLAY 之前不会有幻灯片。(我尝试了设置auto: false,幻灯片确实开始暂停,但我无法显示播放链接,也无法开始幻灯片。)

我不精通,所以我可以复制/粘贴的代码将不胜感激。幻灯片目前在http://new.ceciliaportal.com/slideshow-test.html 谢谢。

0 投票
0 回答
409 浏览

jquery - jQuery 用于响应高度的 100% 宽度图像的纵横比

我想让幻灯片填充屏幕的高度和宽度,但保持垂直幻灯片效果的纵横比。它必须在较小的屏幕上裁剪一些(非常宽的)宽度,并在非常大的屏幕上双向拉伸。是否有计算可以确定#slideshow 窗口的高度并保持一定的纵横比?我冗长的媒体查询越来越烦人,而且高度降低了太多。您可以在http://apurch.jvonhausen.com缩放窗口时看到问题。

我在以下位置看到了一个接近的答案:通过保持不同屏幕分辨率的纵横比来计算图像大小,但我认为这是java,而不是脚本。

0 投票
0 回答
189 浏览

responsive-slides - 如何在响应式幻灯片初始化之后但在第一次转换之前执行函数

我有一个带有图像滚动响应幻灯片的 div,在这个 div 旁边我有导航按钮来更改页面。

我需要这些按钮与图像垂直居中,并且我有一个功能来做到这一点:

在响应式幻灯片中有一些图像高度的调整,所以我需要在响应式幻灯片之后调用 CenterArrow。

正如您在上面的代码中所见,我尝试将它放在 after 回调中,但在第一张幻灯片中,导航按钮不显示。

我也在之前的 callbakc 中尝试过,虽然它显示了几秒钟,但它仍然没有显示在第一张幻灯片中。

是否有准备好的回调或类似的东西?

谢谢

0 投票
2 回答
906 浏览

javascript - responsiveslides.js - 为每张幻灯片分配特定的超时时间

我用 responsiveslides.js 创建了一个滑块。它包含 5 个不同的图像幻灯片。

我通常可以分配一个超时时间,例如 4000 毫秒,但它会分配给滑块的每个图像。

我想为每张图片幻灯片分配不同的超时时间。例如:

我怎样才能得到它?可能吗?非常感谢您的帮助,并为我糟糕的英语感到抱歉。

我按照 Timctran 的建议编辑了代码,但我做错了。你能帮我找出这段代码有什么问题吗?

我尝试按照您的建议更改代码。我没有 javascript 代码经验,所以我做错了,滑块不再工作,所以我恢复到旧版本。这是我修改代码的方式:

任何纠正代码的帮助将不胜感激。谢谢!

0 投票
2 回答
1783 浏览

button - jssor - 单击“下一步”按钮或选择单选按钮时转到下一张幻灯片

我正在使用 jssor Tab Slider 创建动画表单。我想添加选项以移动到内容中的下一张幻灯片(不仅仅是通过单击顶部的选项卡...)

我想移到下一张幻灯片的 2 种方法: 1. 选择一个单选按钮 2. 单击继续按钮

我尝试将 data-u="arrowright" 添加到我的继续按钮,它完全删除了我的标签导航。我仍然不确定如何从单选按钮开始。

我是新手,需要帮助!

谢谢