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

jquery - Cycle2 以响应高度为中心

我使用循环 2 插件。我正在尝试制作具有响应高度的居中幻灯片。

http://jsfiddle.net/Tancrede/gnH9H/4/

我希望这个幻灯片能够顺利流畅地工作。要点是图像将具有不同的大小,但它们都将是视口的 100%,并且它们必须居中(如果视口太小,甚至可以裁剪)。

我已经看到了这个似乎可行的提议(我不知道如何使这个解决方案适应我的问题):

保持宽高比的响应式背景

但我只对高度感兴趣,我不是在寻找真正的全面屏。

我的猜测是解决方案是使用 javascript,但我不知道从哪里开始......</p>

0 投票
1 回答
286 浏览

css - 响应式幻灯片:显示/隐藏按钮

我正在使用响应式幻灯片插件。

我在首页上使用幻灯片,我不希望小圆圈或引导“按钮”显示。我通过使用 CSS 使它们基本上透明来隐藏它们。

但是,我在网站的另一个页面上放了另一个幻灯片,我希望在这个页面上显示这些按钮。有没有办法让这些按钮显示在一个幻灯片而不是另一个?

谢谢!

0 投票
2 回答
1112 浏览

jquery - ResponsiveSlides 中的图像计数器

在 ResponsiveSlides 图像中显示计数器的任何方式

0 投票
1 回答
1745 浏览

jquery - JQuery ResponsiveSlides 图像滑块

好的,我正在尝试在我的页面中实现一个响应式幻灯片元素。但是,我似乎没有做任何事情。首先,我注意到为了应用 css 代码,必须使用 ul.name 访问它。现在由于某种原因,.js 文件似乎根本不起作用,因为没有图像显示?alt 名称字段显示和名称转换,但没有图像。任何帮助表示赞赏!

0 投票
1 回答
904 浏览

jquery - responsiveslides.js 在转换时为每张幻灯片执行代码

我在我的网站上使用ResponsiveSlides.js作为滑块。但是我使用 JQuery 在每张幻灯片中执行一个操作,并且每次幻灯片“活动”时我都需要调用该代码。

我的代码看起来像这样:

此时我$( document ).ready(function() {});在 each中的 a 中有 JS 代码<li>,但显然只有在页面加载时才执行该代码。第三个块在幻灯片从第一张幻灯片过渡到下一张幻灯片时执行完毕。更糟糕的是,当第一张幻灯片再次激活时,第一张幻灯片的代码将永远不会重新执行,第二张幻灯片也不会重新执行,等等。

一般来说,我对 JQuery 和 JavaScript 很陌生。我已经阅读了 ResponsiveSlides.js 文档,但它对这种情况没有帮助,它似乎没有 .

我已经想到了三种方法来执行代码,但没有任何线索。

  1. ResponsiveSlides.js 本身的一个内置函数,一种onActive(). 这似乎不存在。before: function(){}似乎在每张幻灯片上都调用了相同的函数。
  2. 每次 ResponsiveSlides.js 更改 CSS 类以使幻灯片“活动”时调用代码的某种方式。
  3. 某种相对直接的方式来“重新加载”特定的 HTML 块而不重新加载整个页面。

谢谢你的帮助。

0 投票
2 回答
386 浏览

flexslider - FlexSlider 在页面右侧添加间隙

所以 Flexslider 有问题。似乎在页面右侧添加了大约 50 像素的间隙(拉伸页面)。如果将鼠标悬停在幻灯片上,间隙就会消失。这真的很奇怪。有任何想法吗?

我知道页面上没有其他内容,因为如果我取出 flexslider 代码,它似乎可以正常工作。

谢谢你的帮助。

0 投票
1 回答
5611 浏览

jcarousel - Jcarousel 基本,使其响应

我的网页上有一个 jcarousel 滑块,基本版本(只有一个图像显示的那个),我似乎无法通过媒体查询 jcarousel 滑块的 div 来调整大小。

这是HTML代码

这是我的CSS

这是js

我必须更改js中的任何内容吗?我发现有一个响应式 jcarousel,但它同时显示 3 张图片...... http://sorgalla.com/jcarousel/examples/responsive/

谢谢 :)

0 投票
1 回答
129 浏览

javascript - 单击一个超链接以更改多个不同 div 的 css 样式

我的网站上有不同的 div,我想做以下

  • 当我单击一个链接时,这将触发多个 div 的 css 代码内部的更改。例如,如果我单击客户端,我想使用 class="rslides" 制作 ul 元素以获取 heigh="0px" 的属性,而不是另一个 div 层以在该层下方展开。

但我有两个问题:

  1. 首先是我正在使用一个响应式滑块,我要为其设置 height="0px" ,我必须更改类属性。
  2. 另一个问题是如何使一个链接触发第二个 div 的 2 个动作。我尝试使用触发器,但每个“id”限制为一个元素

DOM 结构:

JS代码:

滑块的两个部分的 CSS 代码:

这是JSfiddle的链接

我的目标是单击链接,称为“菜单”的 div 以滑动过渡进入顶部,另一个名为“second_slider”的 div 在底部展开,滑块消失。

0 投票
0 回答
757 浏览

jquery - ResponsiveSlides - 当前幻灯片编号

我正在使用 ResponsiveSlides.js 在我的网站上显示幻灯片:http: //moargh.de/daten/responsive-slides/demo/demo.php

任何人都可以帮助如何显示当前的幻灯片编号?

jQuery

HTML

谢谢!

0 投票
2 回答
1683 浏览

javascript - 响应图像滑块填充 div 高度

我正在尝试获得响应式图像滑块。它必须:

  • 填充一个div的高度
  • 宽度溢出
  • 居中

它应该类似于http://www.niraalpina.com。我正在寻找不涉及固定尺寸的跨浏览器兼容的 CSS 解决方案。

我已将该站点上传到http://test5.twinzebras.com/,请查看并让我知道我做错了什么。