问题标签 [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.
jquery - Cycle2 以响应高度为中心
我使用循环 2 插件。我正在尝试制作具有响应高度的居中幻灯片。
http://jsfiddle.net/Tancrede/gnH9H/4/
我希望这个幻灯片能够顺利流畅地工作。要点是图像将具有不同的大小,但它们都将是视口的 100%,并且它们必须居中(如果视口太小,甚至可以裁剪)。
我已经看到了这个似乎可行的提议(我不知道如何使这个解决方案适应我的问题):
但我只对高度感兴趣,我不是在寻找真正的全面屏。
我的猜测是解决方案是使用 javascript,但我不知道从哪里开始......</p>
css - 响应式幻灯片:显示/隐藏按钮
我正在使用响应式幻灯片插件。
我在首页上使用幻灯片,我不希望小圆圈或引导“按钮”显示。我通过使用 CSS 使它们基本上透明来隐藏它们。
但是,我在网站的另一个页面上放了另一个幻灯片,我希望在这个页面上显示这些按钮。有没有办法让这些按钮显示在一个幻灯片而不是另一个?
谢谢!
jquery - ResponsiveSlides 中的图像计数器
在 ResponsiveSlides 图像中显示计数器的任何方式
jquery - JQuery ResponsiveSlides 图像滑块
好的,我正在尝试在我的页面中实现一个响应式幻灯片元素。但是,我似乎没有做任何事情。首先,我注意到为了应用 css 代码,必须使用 ul.name 访问它。现在由于某种原因,.js 文件似乎根本不起作用,因为没有图像显示?alt 名称字段显示和名称转换,但没有图像。任何帮助表示赞赏!
jquery - responsiveslides.js 在转换时为每张幻灯片执行代码
我在我的网站上使用ResponsiveSlides.js作为滑块。但是我使用 JQuery 在每张幻灯片中执行一个操作,并且每次幻灯片“活动”时我都需要调用该代码。
我的代码看起来像这样:
此时我$( document ).ready(function() {});
在 each中的 a 中有 JS 代码<li>
,但显然只有在页面加载时才执行该代码。第三个块在幻灯片从第一张幻灯片过渡到下一张幻灯片时执行完毕。更糟糕的是,当第一张幻灯片再次激活时,第一张幻灯片的代码将永远不会重新执行,第二张幻灯片也不会重新执行,等等。
一般来说,我对 JQuery 和 JavaScript 很陌生。我已经阅读了 ResponsiveSlides.js 文档,但它对这种情况没有帮助,它似乎没有 .
我已经想到了三种方法来执行代码,但没有任何线索。
- ResponsiveSlides.js 本身的一个内置函数,一种
onActive()
. 这似乎不存在。before: function(){}
似乎在每张幻灯片上都调用了相同的函数。 - 每次 ResponsiveSlides.js 更改 CSS 类以使幻灯片“活动”时调用代码的某种方式。
- 某种相对直接的方式来“重新加载”特定的 HTML 块而不重新加载整个页面。
谢谢你的帮助。
flexslider - FlexSlider 在页面右侧添加间隙
所以 Flexslider 有问题。似乎在页面右侧添加了大约 50 像素的间隙(拉伸页面)。如果将鼠标悬停在幻灯片上,间隙就会消失。这真的很奇怪。有任何想法吗?
我知道页面上没有其他内容,因为如果我取出 flexslider 代码,它似乎可以正常工作。
谢谢你的帮助。
jcarousel - Jcarousel 基本,使其响应
我的网页上有一个 jcarousel 滑块,基本版本(只有一个图像显示的那个),我似乎无法通过媒体查询 jcarousel 滑块的 div 来调整大小。
这是HTML代码
这是我的CSS
这是js
我必须更改js中的任何内容吗?我发现有一个响应式 jcarousel,但它同时显示 3 张图片...... http://sorgalla.com/jcarousel/examples/responsive/
谢谢 :)
javascript - 单击一个超链接以更改多个不同 div 的 css 样式
我的网站上有不同的 div,我想做以下
- 当我单击一个链接时,这将触发多个 div 的 css 代码内部的更改。例如,如果我单击客户端,我想使用 class="rslides" 制作 ul 元素以获取 heigh="0px" 的属性,而不是另一个 div 层以在该层下方展开。
但我有两个问题:
- 首先是我正在使用一个响应式滑块,我要为其设置 height="0px" ,我必须更改类属性。
- 另一个问题是如何使一个链接触发第二个 div 的 2 个动作。我尝试使用触发器,但每个“id”限制为一个元素
DOM 结构:
JS代码:
滑块的两个部分的 CSS 代码:
我的目标是单击链接,称为“菜单”的 div 以滑动过渡进入顶部,另一个名为“second_slider”的 div 在底部展开,滑块消失。
jquery - ResponsiveSlides - 当前幻灯片编号
我正在使用 ResponsiveSlides.js 在我的网站上显示幻灯片:http: //moargh.de/daten/responsive-slides/demo/demo.php
任何人都可以帮助如何显示当前的幻灯片编号?
jQuery
HTML
谢谢!
javascript - 响应图像滑块填充 div 高度
我正在尝试获得响应式图像滑块。它必须:
- 填充一个div的高度
- 宽度溢出
- 居中
它应该类似于http://www.niraalpina.com。我正在寻找不涉及固定尺寸的跨浏览器兼容的 CSS 解决方案。
我已将该站点上传到http://test5.twinzebras.com/,请查看并让我知道我做错了什么。