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

javascript - 如何使用 Jquery each() 方法遍历列表中的下一个/上一个 3 元素

我有一个类似这样的列表项目,其中包含图像

在第三个列表元素之后,我在data-srctag 中添加图像的 url。

在小提琴中,您可以看到两个按钮来移动下一个或上一个图像。因此,我想检查 Next 或 Previous 3 个图像是否具有属性 data-src 我想将其更改为 src 。如果没有,则什么也不做并检查下一个。

这是它的工作小提琴。

LinkForFiddle

如果不是这种方法,那么我愿意接受任何其他解决方案,例如 . 如果我能做到的话,也许用 ajax

更新

这是另一个链接。在此示例中,单击按钮后,我可以将所有 data-src 更改为 src 。但我正在尝试仅更改接下来的 3 个连续图像 示例 谢谢和问候

0 投票
1 回答
116 浏览

kentico - 需要 Kentico 7 中有关响应式幻灯片的建议

我使用 Kentico 7 作为 CMS 来创建网站。我正在寻找一个滚动横幅 web 部件,作为标题放在主页上,它可以:

  1. 反应灵敏。
  2. 有字幕区。
  3. 左右有导航按钮。
  4. 很高兴能指导我插入 Kentico 7。
  5. 必须在 IE8、Firefox 和 Chrome 中运行。

我曾尝试使用相机滑块,但它在 IE8 中不起作用。

0 投票
2 回答
97 浏览

html - 寻找响应式画廊

我正在寻找为我的摄影建立一个网站,该网站响应迅速且干净。在谷歌搜索几个小时后,我浏览了这个网站: nathanelson

我认为它绝对完美,但不幸的是,我不得不从托管服务提供商aPhotofolio购买托管包,但我已经从 Godaddy 购买了托管包。

所以我的问题是,有人知道我可以插入到普通 HTML 文档中的任何响应式照片库吗?

泽克

0 投票
0 回答
143 浏览

javascript - Responsiveslide.js 不起作用

我在http://jsfiddle.net/3J8vW/22/中尝试了我的代码,它运行良好,但是当我在我的网站上尝试它时它没有工作

也许我的 js 行有错误

网站链接/profil.html

0 投票
0 回答
325 浏览

javascript - ResponsiveSlides.js - 转到列表中的正确幻灯片

我正在建立一个投资组合页面,但我有点卡住了。我基本上循环浏览特定文件夹中的所有图像并创建一个缩略图页面。同时,我正在灯箱中构建 ResponsiveSlides 画廊。

如果我点击任何缩略图,我会打开灯箱。但是,它总是从幻灯片的第一张图像开始。如何转到幻灯片中我实际单击的图像?

PHP (WordPress)

JS

有人知道如何解决我的问题吗?

0 投票
0 回答
1095 浏览

html - 使用 CSS 的报纸布局

是否可以使用 css 像报纸一样更改布局,以便文章在移动设备和桌面上按顺序显示,而无需使用双 dom 元素或 javascript(文本当然假设动态加载)

jsfiddle

或代码

css

0 投票
0 回答
605 浏览

javascript - 相机滑块问题

我有一个带有 OpenCart 的网站。该滑块被称为“pixedelic.com 的相机”,我试图使其具有响应性。我在 javascript 文件中看到了一个选项:

这不起作用。我在此处粘贴了 camera.css 的代码 - http://pastebin.com/a7QpQhur和此处的 camera.js - pastebin.com/mBFuYj2F。

在 style=".." 和简单的 width=".." 和 height=".." 中设置宽度和高度时,图像显示的比预期大。这是 HTML 结构 - http://pastebin.com/YU9k4Rri

谁能帮我这个?谢谢

0 投票
1 回答
1203 浏览

html - Bootstrap Carousel 在全屏时没有响应

我正在制作一个页面折扣 50% 的轮播。它与引导现代业务模板中的模板相同。我尝试了多种方法来让图像在重新调整页面大小时响应,但没有成功。图像为 1920 像素 x 740 像素。第一个在半页时正确对齐,但在全屏模式下被切断。第三张图片中的代码是模板中的代码,前两个是我修复它的尝试。

轮播正确滚动,按钮工作等。这只是我无法弄清楚的响应部分。

这是我在这里的第一篇文章,所以如果您需要更多信息,请告诉我。如果格式不正确,我也很抱歉。感谢您的任何帮助。

我正在使用的模板中有 2 个 .css 文件。这是两者的轮播的CSS

第二个 - 我没有包含控件 css,因为该部分正在工作。

0 投票
2 回答
636 浏览

javascript - ResponsiveSlides 如何让图片的宽度占据整个页面?

我想让图像的宽度像这样占据整个页面:

http://i1240.photobucket.com/albums/gg491/Nerio_Navea/Screenshots/GoogleChrome2014-12-30220149_zps99e94bc2.png

但我找不到这个属性。

我是使用 Jquery 的新手,但我了解 Javascript

请有人帮我解决这个问题

我是 StackOverflow 的新手

对不起我的英语;D

0 投票
2 回答
361 浏览

html - 将 div 对齐到屏幕中间

使用引导程序,我需要在屏幕中间有一个带有 div(最初为 4 个)的页面作为按钮,如下图所示:

正常模式

我成功地做到了这一点,但是,接下来,我需要在鼠标悬停时放大其中一个,如下图所示:

悬停模式

因此,它们的中间对齐。当另一个悬停时,所有其他的都会变小。