问题标签 [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 回答
341 浏览

javascript - ResponsiveSlides Fading the pager without affecting content below and responsively?

I have taken the jQuery plugin Responsive Slides and have attempted to make my own modifications to it. Everything is going pretty well, except I'm having an issue with being able to make the pager and next/prev controls fade in when the container is hovered on.

I have managed to get the fading to work well, the only problem is that when the pager controls fade in, the content beneath it is pushed down, and then up again if I hover off the slider.

I'm not sure how to fix it, because I don't think using position absolute is going to work, as it needs to remain responsive. I get the feeling I'm going to have to make some changes to the javascript file because those parts are inserted inline via js, and that's quite a way out of my comfort zone. Any help would be massively appreciated!

The issue: http://hosting.ladesigns.co.uk/test/

This is my first time here, and if you need more information please just ask, apologies in advance if I've missed something obvious!

0 投票
1 回答
1115 浏览

javascript - 为什么我的一张幻灯片在此幻灯片中随机消失?

它非常烦人,让我失去理智。我一生都无法弄清楚为什么会这样。

这是链接

我正在为滑块使用ResponsiveSlides插件 - 我会假设一旦它到达幻灯片的末尾,它就会重复回到第一张幻灯片。

相反,它似乎到达幻灯片的结尾,然后显示一张空白幻灯片,然后重复回到第一张幻灯片。

当我尝试使用 Orbit 滑块时,也会出现同样的效果。并且当我尝试使用另一个滑块时。

我确信这不是滑块插件的错(我怀疑所有 3 个滑块插件都会在幻灯片结束时随机显示一张空白幻灯片)。

我想过/尝试过的事情: - 认为其中一张图像可能被破坏了......不。这是我的标记:

还有我的 JavaScript:

这些图像中的每一个都存在于服务器上,并且控制台中没有 404,就好像我正在尝试访问一个不存在的图像......但是:滑块仍然显示一张空白幻灯片!

有人知道吗?

0 投票
2 回答
816 浏览

wordpress - 响应式视频滑块 wordpress

我需要一个wordpress slider plugin支持图像和视频的免费软件responsive。我尝试了任何滑块,但它缺乏对视频的响应能力。Flex 滑块具有所有功能,但找不到作为 wordpress 插件。有什么帮助吗?

0 投票
0 回答
1268 浏览

jquery - ResponsiveSlides.js 自定义鼠标悬停控件和其他功能

我正在尝试使用一些自定义功能设置 ResponsiveSlides.js。我需要能够将滑块与手动控件一起使用,这些控件在鼠标悬停而不是单击时工作,但在单击时转到特定的 url 链接。我将在幻灯片中有四张幻灯片,并且需要能够使用四个按钮导航它们。这是我想要实现的目标:

  1. 让我的四个按钮在鼠标悬停而不是单击时工作。我正在使用'manualControls:“.custom-pagers”,'来实现自定义导航。我想知道是否有办法在鼠标悬停时导航到我的特定幻灯片,但让它在点击时转到href=""URL。

  2. 有另一个单独的按钮 ( ),在鼠标悬停时暂停滑块,但在单击时.buy-tag a转到URL。href=""

这是我的代码:

和 HTML:

任何人都可以帮助或指出我正确的方向吗?提前致谢!

0 投票
1 回答
3860 浏览

javascript - 未调用 ResponsiveSlides.js 幻灯片

我正在尝试将responsiveSlides.js幻灯片添加到我正在处理的网站(此处),但似乎没有调用该方法。我猜这只是一个语法错误,但我一辈子都找不到它。

在网站的头部,我有

并且包含幻​​灯片图像的代码(在正文中)是

我可以在'$('slider1').responsiveSlides();' 行之前放置一个警报,但如果我把它放在该行之后,它就不会被调用。我可以在浏览器中输入任一 url 以访问相应的 .js 文件。

我真的很感激这方面的帮助,因为这让我很生气,因为我知道这可能是一件很简单的事情,我只是想念它......

0 投票
2 回答
2423 浏览

slider - 带有 jquery 的响应式内容滑块

我需要可以独立滑动元素的响应式滑块。这个网站http://www.youxithemes.com/live_previews/joiee/有我需要的滑块,但似乎他们使用了 wordpress 的革命滑块。我正在开发自己的 php 网站,无法使用 wordpress 插件。有没有这样的免费滑块?

0 投票
4 回答
2669 浏览

javascript - Codrops 多级推送菜单的重复 javascript

说到javascript,有点新手。我的问题是关于 codrops 的推送菜单脚本,可以在这里找到:http: //tympanus.net/codrops/2013/08/13/multi-level-push-menu/

我试图让 2 个不同的链接/触发器触发 2 个不同的导航。我复制了脚本如下:

我复制了导航并将id更改为具有id为mp-mennu2的导航和带有if trigger2的触发器。但只有第二个触发器在工作。如果我单击第一个触发器,它会打开 mp-menu2。

有没有人知道如何得到这个结果。

这是html

0 投票
0 回答
445 浏览

jquery - 响应式 Slider 支持图像映射并且有很多过渡

所以 Nivo Slider 是响应式的,但不支持图像映射。

Sliderman 支持图像映射,但不响应。

有没有适合我需要的滑块?

0 投票
2 回答
542 浏览

javascript - 响应式图像的响应式容器

目前,我有一个滑块,其中的图像在调整窗口大小时会重新调整大小。图像重新调整大小很好,但是当重新调整大小时,它会显示滑块容器的棕色背景。我希望能够使容器与图像一起重新调整大小,以便根本不显示棕色背景。

到目前为止,滑块的容器具有设定的高度。我设置了高度,因为没有高度,当幻灯片过渡时,容器会跳到高度 0 一秒钟,使布局有点小故障和移动。如果没有设置滑块容器的高度,事情会重新调整大小,但会出现布局故障。

我怎样才能没有布局故障和在不显示背景颜色的情况下重新调整大小的滑块容器?

这是可以找到滑块的站点的链接:http: //lab.stickywebz.com/plantsource/

这是我用于滑块的 javascript:

这是我用于滑块区域的一些 css:

0 投票
1 回答
457 浏览

javascript - 尝试在 drupal 站点上使用 ResponsiveSlides 但出现控制台错误

我正在尝试将 ResponsiveSlides ( http://responsiveslides.com/ ) 实现到我的本地 drupal 实例,但无论如何我配置了 JS 代码我得到一个“TypeError: $ is not a function $(function () {”我试图将 JS 代码放在 html.tpl.php 中或作为单独的文件,但它一直抛出错误,这里是代码:

因此,任何有关为什么会引发此控制台错误的帮助都将非常感激。