问题标签 [circular-content-carousel]
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 - 循环内容轮播删除循环
关于CIRCULAR CONTENT CAROUSEL WITH JQUERY by tympanus 的问题
我正在将它实现到一个 Web 项目中,到目前为止它运行良好,但需要它停止循环/左右克隆并在到达最后一个孩子或第一个孩子时停止滚动。基本上是消除无限循环/循环效果。
我认为这是要改变的部分,但太糟糕了,我无法理解逻辑,
请帮忙!
抱歉英语不好,我来自马来西亚
responsive-slides - 响应式内容滑块
我目前正在使用优秀的内容滑块用于团队资料,基于:
http://tympanus.net/Development/CircularContentCarousel/
我正在显示团队成员的图像,当您单击更多链接时,它会显示有关该人的更多信息。
不幸的是,没有响应版本,我很想找到一个类似的可以响应的滑块。
有人可以帮忙吗?
javascript - 使用带有 Bootstrap 3 和 Fancy Box 的 Content Carousel 的 jQuery 冲突
我正在一个网站上工作,该网站在使用 Bootstrap 3 构建的网站上使用来自 Tympanus 的 Circular Content Carousel 和 FancyBox。但是我注意到,作为 Bootstrap 一部分的可折叠移动菜单在此页面上不起作用。我意识到 Content Carousel 使用的是 jQuery 1.6.2,而 Bootstrap 使用的是 1.9 或更高版本。当我删除指向 jQuery-1.6.2 的链接时,移动菜单工作但轮播中断,当我删除 jQuery-1.11.1 时,轮播工作但移动菜单损坏。链接这两个结果会导致轮播工作,但移动菜单不起作用。我尝试过使用 jQuery.conflict 脚本无济于事(无论谁构建了该站点,都已经开始实施,但未成功)。
我已经尝试根据此处的堆栈溢出链接将 contentcarousel.js 文件的第 217 行和第 227 行从 .live 更改为 .on并删除旧的 jquery 文件。现在几乎一切正常,除了当您单击 + 号进入灯箱然后退出灯箱时,内容轮播不再工作。我还注意到,在此更改之后,当您将鼠标悬停在下拉菜单上时,它会处于活动的“鼠标悬停”状态。
该站点位于http://smmcnyc.com/work/bnc/history.html,其中 history2.html 是修改后的 contentcarousel.js 文件的版本。
建议?建议?请帮忙!
jquery - Fancybox 打不开
我正在使用内容轮播(来自 codrops),每个项目都使用 Fancybox 打开更多信息。问题是,Fancybox 打不开。我认为可能存在 jquery 冲突,因为我正在使用 jquery.migrate 以使轮播工作。
我的HTML如下:
应该打开:
JS是:
javascript - 缩略图轮播,主滑块和缩略图之间的巨大差距
请看下面的链接
只是另一个简单的 jQuery 图像滑块插件 - smSlider
查看演示并调整浏览器大小。
在手机和平板电脑尺寸中,您可以看到主滑块和缩略图之间的巨大空间。我试图通过更改这部分 js 文件来修复它
例如设置height: auto
or position: absolute
,但我没有成功。有什么办法可以解决这个问题吗?