简单的js图片滚动轮播代码 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

作为jquery carousel一部分的li标记中的图像是在它们成为carousel的一部分之前首先显示的吗？

jquery、carousel

我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？致以敬意，

浏览 1提问于2012-03-28得票数 0

1回答

Owl滑块，ajax加载页面跳转问题

jquery、ajax、owl-carousel

我遇到的一个问题是，在使用‘addItem’添加滑块项之后，页面会跳到滑块的顶部。还有没有人注意到这个问题？在我的成功回调函数中： jQuery("myslider").data("owlCarousel").addItem

浏览 0提问于2015-09-18得票数 0

2回答

在UIWebView中，iOS 4.3和5.0中的DIV滚动方式不同

javascript、ios5、uiwebview、ios4

我有一个DIV，它的内容大约是2000像素宽。DIV可能有150像素高，并且不会垂直滚动(或需要垂直滚动)。然而，我确实需要它来水平滚动。这确实会发生..。在iOS 5.0上。此DIV的相关CSS似乎是： margin:0;有没有人能解释一下如何在4.3上正确滚动？谢谢。

浏览 1提问于2011-11-04得票数 0

1回答

jCarousel -在按钮上按下第一个或最后一个项目时继续滚动

javascript、jquery、jcarousel

我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。我的代码示例如下：。谢谢。

浏览 2提问于2011-03-26得票数 0

2回答

目前我在我的网站上使用的owl-carousel太高了，因为它占据了整个屏幕以上的空间。从owl-carousel上的演示来看，每张幻灯片只有一个图像，似乎可以调整高度。我使用的是最新版本的owl carousel 2。我还尝试将carousel包装在另一个div中，并调整外部div的高度。我注意到我可以调整宽度，这也有调整高度的效果。但是，我想在不调整宽度的情况下调整高度。我附上了我的javascript和html

浏览 4提问于2016-05-25得票数 6

1回答

限制在两点之间移动x轴滚动条

javascript、html、css、scrollbar、carousel

我创建了一个图像轮播，它在那里显示图像，并通过x轴滚动条显示其他图像。它工作正常，但我想限制滚动条只在视区内移动。我试过If clause，但它有一个bug，而且不够好！我尝试创建一个类似于carousel的Amazon，但在我的例子中，我遇到了一个问题。我将所有HTML CSS和JS上传到JSfiddle：提前谢谢你。

浏览 4提问于2017-11-02得票数 3

2回答

jCarouselLite自动滚动响应更改

javascript、jquery、jcarousel、jcarousellite

我正在使用在我的一个网站上显示一个自动滚动的品牌标志旋转木马。我试着用下面的javascript让它响应(最大的显示器上最多6张图片)。使用原始代码时，旋转木马可以很好地工作，而无需我尝试修改可见图像的数量。{ speed: 1000, });</script> 图像以左/右20px的边距内联显示这

浏览 7提问于2013-09-19得票数 4

1回答

如何在extjs4.1中降低carousel容器中三个视图的高度

extjs、extjs4.1、sencha-architect、extjs4.2

我已经使用以下链接实现了一个轮播：谢谢

浏览 1提问于2013-08-04得票数 0

1回答

较大的引导转盘中的较小引导转盘-在较小的转盘上旋转时的功能问题

javascript、jquery、twitter-bootstrap、carousel

简而言之，我正在尝试将html块+小转盘放在我的较大转盘的其中一张幻灯片上。基本上，更大规模的旋转木马将由2张幻灯片组成。第一张幻灯片- html +较小的旋转木马(由2张图片组成-幻灯片本身)。所以一切都很好，在目前的状态下，所有的幻灯片第一次都可以正常工作。一旦幻灯片从最后一个幻灯片转到第一个幻灯片，较小的旋转木马的功能就会停止运行。我认为问题出现在Bootstrap.js中的.item .active类中，因

浏览 1提问于2016-05-13得票数 4

1回答

Bootstrap模式转盘

html、twitter-bootstrap、carousel、bootstrap-modal

我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。我缺乏实用的css/javascript知识，这让我很失望，因为我不太理解代码片段之前的3个简单指令。有人能给我解释一下如何通过点击这个

浏览 0提问于2015-06-08得票数 3

5回答

bootstrap.min.css和bootstrap.min.js有什么区别？

javascript、twitter-bootstrap、css

bootstrap.min.css和bootstrap.min.js有什么区别？为什么需要包含bootstrap.min.js？bootstrap/3.3.6/css/bootstrap.min.css"><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"><

浏览 0提问于2016-03-10得票数 2

3回答

Web图片库-创建它的工具是什么？

javascript、jquery、html、css

我在网上遇到过几次有趣的图片库转换，现在我对这种优雅的解决方案很感兴趣。它能完全用CSS制作吗？

浏览 3提问于2014-04-11得票数 0

3回答

owl-carousel 2 chrome在拖动时使图片空白

owl-carousel、owl-carousel-2

设置一个测试页面来试用owl.carousel.2.0.0-beta.2.4，它在IE中工作得很好，但在Chrome (Win10)中，当你点击并拖动时，它会出现图像消失的问题。我不能说有什么具体的方法可以让它们消失。当你停止拖拽的时候，它们就会弹回来。我是不是设置

浏览 7提问于2015-09-15得票数 4

2回答

带有提升缩放功能的圆滑旋转木马

jquery、slick.js

我有一个产品图像的轮播(slick.js)，我试图在这些图像上实现缩放，但是无论哪个图像在平滑的轮播中处于活动状态，我都只能在缩放容器的轮播中看到最后一个图像，这是我的代码。li> <img src="/image4.png" data-zoom-image="/image4-large.jpg" class="zoom">

浏览 1提问于2015-05-13得票数 1

4回答

显示的替代方案:无移动设备

php、html、css、mobile、responsive-design

我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。

浏览 1提问于2013-01-22得票数 1

回答已采纳

1回答

获取溢出:隐藏为行为本身

css

我正在尝试实现一个简单的图像轮播，我不能阻止图像下降到下一行。这是我的CSS： #gallery-wrap{margin: 0 auto; overflow: hidden; width: 532px; position: relative; float: left/></a><a href="#" id="gallery-next"><img src="next.png" alt=""

浏览 2提问于2011-08-21得票数 0

回答已采纳

2回答

在实现jQuery照片幻灯片时遇到问题

jquery、html、css、jquery-ui、slider

我正在尝试在我的网站中实现一个jquery图像幻灯片，因为它不是我自己创建的，所以我在识别所有css属性时遇到了麻烦。我遇到的三个问题是：在这里，您可以看到图像之间的边距和浮动在容器外部的<

浏览 2提问于2011-03-07得票数 0

回答已采纳

2回答

调整轮播引导4的大小

html、css、bootstrap-4、carousel

我无法调整旋转木马的高度。我希望旋转木马不会使用图像高度，而是我决定的另一个高度，尝试了不同的css规则，但没有成功。

浏览 0提问于2019-06-09得票数 3

回答已采纳

1回答

将react-autosuggest与react-custom-scrollbars一起使用

reactjs

我为auto-suggest写了这段代码，但它不能正常工作： renderSuggestionsContainer({ containerProps, children, query }) {

浏览 2提问于2017-07-13得票数 0

1回答

使用锚水平滚动时防止垂直滚动

css、scroll、anchor

有些帖子是简单的文本，有些是图像，有些是图片画廊。对于这个图片库，我只显示第一张图片，然后有锚指向其他隐藏在视口的图片(post本身是一个flex元素，具有溢出-x: auto with :nowrap，子图片为flex: 0 auto和max-width，以适应我的post视图)。因此，提要与其他x的隐藏类似，每个提要都有所述图片的ID，可以在没有JS的

浏览 3提问于2021-03-05得票数 0

点击加载更多