问题标签 [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.

0 投票
2 回答
3263 浏览

jquery - 循环内容轮播删除循环

关于CIRCULAR CONTENT CAROUSEL WITH JQUERY by tympanus 的问题

我正在将它实现到一个 Web 项目中,到目前为止它运行良好,但需要它停止循环/左右克隆并在到达最后一个孩子或第一个孩子时停止滚动。基本上是消除无限循环/循环效果。

我认为这是要改变的部分,但太糟糕了,我无法理解逻辑,

请帮忙!

抱歉英语不好,我来自马来西亚

0 投票
0 回答
100 浏览

responsive-slides - 响应式内容滑块

我目前正在使用优秀的内容滑块用于团队资料,基于:

http://tympanus.net/Development/CircularContentCarousel/

我正在显示团队成员的图像,当您单击更多链接时,它会显示有关该人的更多信息。

不幸的是,没有响应版本,我很想找到一个类似的可以响应的滑块。

有人可以帮忙吗?

0 投票
0 回答
648 浏览

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 文件的版本。

建议?建议?请帮忙!

0 投票
1 回答
179 浏览

jquery - Fancybox 打不开

我正在使用内容轮播(来自 codrops),每个项目都使用 Fancybox 打开更多信息。问题是,Fancybox 打不开。我认为可能存在 jquery 冲突,因为我正在使用 jquery.migrate 以使轮播工作。

我的HTML如下:

应该打开:

JS是:

网站在这里:http ://smmcnyc.com/work/bnc/history.html

0 投票
2 回答
132 浏览

javascript - Jquery在内部中断

I'm having trouble implementing a jquery content carousel ( by: http://tympanus.net/codrops/2011/08/16/circular-content-carous

I'm having trouble implementing a jquery content carousel ( by: http://tympanus.net/codrops/2011/08/16/circular-content-carousel/ )

Over here it's working as intended: http://www.sophiadeboer.nl/carousel/carousel.php

over here its called with the object tag: ROOT/#services

The problem is that when I use the html object tag, the carousel breaks after opening the content of the div.

<object width="500" height="400" data='carousel/carousel.php'></object>

working without the object is not possible, because of different jquery versions. Why does the same content break after being called in another page with the object tag?

The code:

And the code from jquery.contentcarousel.js:


Did you try to use <embed> with src attribute to load your page, not <object data= ? See object/embed tag reference here.

0 投票
2 回答
79 浏览

javascript - 缩略图轮播,主滑块和缩略图之间的巨大差距

请看下面的链接

只是另一个简单的 jQuery 图像滑块插件 - smSlider

查看演示并调整浏览器大小。

在手机和平​​板电脑尺寸中,您可以看到主滑块和缩略图之间的巨大空间。我试图通过更改这部分 js 文件来修复它

例如设置height: autoor position: absolute,但我没有成功。有什么办法可以解决这个问题吗?