js实现四张图片轮播 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

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

jquery、carousel

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

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

2回答

Bootstrap:在旋转木马的一个项目中的多个图像中只滑动一个图像

twitter-bootstrap

我正在实现的Bootstrap旋转木马使视图多个图像缩略图(4个图像)在每个旋转木马项目。当我单击下一个或上一个控件时，它应该只滑出4张图像中的1张。我如何实现这一点。如果左边的一张图片是输出的，那么同时应该从右边再插入一张图片。我另外添加了"jquery/1.11.1/jquery.min.js“和"bootstrap-3.2.0-dist/bootstrap.js”，但它不起作用。我实现的代码如下： <html

浏览 0提问于2014-07-24得票数 6

回答已采纳

1回答

到'ws://localhost:8080/socket.io/?EIO=4&transport=websocket‘的WebSocket连接失败。将socket.io应用于ApolloServer nodejs/React不工作

node.js、websocket、socket.io、apollo-server

第三张图片是后端，第四张图片是前端。它并没有说确切的错误是"this.ws =“，”this.ws=“和"websocket.js:50 WebSocket连接失败：”就是全部。

浏览 4提问于2022-02-18得票数 0

1回答

雅虎的Smush.It是如何工作的?为什么不是每个人都使用它？

performance、efficiency、compression、image

我最近遇到了雅虎的一个名为SmushIt的应用程序。显然，它对图像进行无损压缩。有时图像大小会减少90%。当然，这对于在网络上工作有很大的影响，因为它大大提高了拥有大量图像的页面的性能。现在，我确信还有其他类似的应用程序，但我从未听说过在web开发中有任何人真正地进行无损图像压缩。所以我想我的问题是--如何才能在不降低质量的情况下将图像减少90%？为什么这种做法在web开发中不更受欢迎(如果有合理的理由)？

浏览 0提问于2014-12-17得票数 2

回答已采纳

2回答

将元素放置在容器div中的数组- jQuery或JavaScript中。

javascript、jquery、html、arrays

我有一个div，其中包含许多Instagram图片，由instafeed.js插件制作。我对JS和jQuery都很缺乏经验，这也是为什么我很难做到这一点，而且我也找不到任何论坛帖子来做我希望达到的目标。我正试图从一个用户特定的Instagram提要中提取四张随机图片，以便在网站上显示。instafeed.js可以只提取四张图片，也可以将图像随机化，但是Instagram本身总是发送最新的四张图片，所以这个插件每次都会

浏览 4提问于2015-07-14得票数 0

回答已采纳

2回答

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

jquery、slick.js

我有一个产品图像的轮播(slick.js)，我试图在这些图像上实现缩放，但是无论哪个图像在平滑的轮播中处于活动状态，我都只能在缩放容器的轮播中看到最后一个图像，这是我的代码。li> </li> </ul&

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

1回答

sencha touch :如何将图像放在按钮中并随机化它们的出现顺序？

sencha-touch、extjs

我正在尝试创建一个图片游戏，用户从一组四张图片中选择一张图片，然后图片会发生变化，另一组图片将显示给用户。假设我有30张图片要展示，我如何在Sencha touch中实现这一点？但我不知道如何实现图片数组，以及如何随机化它们的访问。请帮帮忙。谢谢

浏览 0提问于2011-12-05得票数 1

回答已采纳

2回答

类似于css3转换的Javascript

javascript、jquery、css、css-transitions

我想做一些像-moz-transition效果，给我一个动画旋转图片。或者将图片从包装器的底部移动到顶部。有没有什么插件？非常感谢

浏览 1提问于2012-07-10得票数 6

回答已采纳

1回答

在WP8中创建合成图像

.net、image、windows-phone-8

我在我的画廊里有四张图片，我想把它们组合成网格状结构的单个图片A- A.jpgC- C.jpg单图result.jpg：C 如何在WindowsPhone 8平台上实现这一点？

浏览 0提问于2013-12-03得票数 0

4回答

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

php、html、css、mobile、responsive-design

我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。

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

回答已采纳

6回答

使用Joomla及其Mootools的Twitter Bootstrap Carousel

javascript、mootools、twitter-bootstrap、joomla2.5

在Joomla的Mootools实现中使用Carousel时，我遇到了一个问题。Carousel元素的样式更改为负边距，使其对用户不可见。由于轮播更改样式属性，轮播使每隔一秒的图像对用户不可见，但用户应该能看到每张幻灯片。我已经研究了Carousel插件和Mootools JS文件的源代码，但遗憾的是找不出问题的原因。编辑:我发现这和mootools-more.js .js的Fx.Slide类有关，把这个类从源代码中删除就解决了这个问题。但这仍然是没有真正的解决方案，任何帮助仍然是非常

浏览 2提问于2012-05-05得票数 6

回答已采纳

2回答

跳转到特定项目时更新当前幻灯片数量- Bootstrap 3 Carousel

javascript、jquery、twitter-bootstrap、twitter-bootstrap-3

我的html：我的.js： $(document).ready(function

浏览 1提问于2014-01-13得票数 0

1回答

斯利克:如何无限重复？

javascript、jquery、html、slick.js

我总共有4张图片，都显示在屏幕上。我想要的是，一旦用户点击“下一步”按钮，使第四张图片显示为第一张，而先前的第一张图片现在是第二张，以此类推。这是我的js代码的一部分： slidesToShow: 4,无限是设置为真，但它不工作的方式，我希望它，如果有少于

浏览 4提问于2017-03-29得票数 1

2回答

be滑块，对于图像旋转木马，似乎不适合我吗？

javascript、jquery、css、carousel、bxslider

所以我想做一个小小的图片库旋转木马。四张照片。你可以转到更多的图像。我找到了it滑块，它看起来像是一个快速的即插即用解决方案。但每一张幻灯片只显示一张图片。$(document).ready(function(){ mode: 'fade',

浏览 4提问于2014-04-02得票数 0

回答已采纳

4回答

Twitter Bootstrap旋转木马垂直滑动

jquery、twitter-bootstrap、carousel、sliding

有没有可能实现垂直轮播滑动窗口Twitter Bootstrap？在bootstrap.js中我发现了这一点 var $active = this.

浏览 1提问于2012-07-21得票数 22

回答已采纳

3回答

如何使左行4项，右4项

html、css

我想实现以下目标。我尝试过这段代码，但仍然无法实现。请参阅附呈的图片。四张图片，左边两张，旁边有文字.另有2张图片在右边，旁边是文本。和附图中的一模一样。

浏览 1提问于2019-10-23得票数 0

回答已采纳

1回答

Bootstrap模式转盘

html、twitter-bootstrap、carousel、bootstrap-modal

我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。有人能给我解释一下如何通过点击这个小提琴上的缩略图来让我的模式轮播工作吗？ <!--Reference Bootstraop.min before plugins.js but after jquery.js.We alterbootstrap javascrip

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

1回答

计算偏移位置

html、raphael、slideshow

我正在尝试用js和HTML5实现线性轮播。我需要计算屏幕上当前触摸的偏移量(dx)的问题。

浏览 0提问于2012-01-11得票数 0

回答已采纳

2回答

调整轮播引导4的大小

html、css、bootstrap-4、carousel

我无法调整旋转木马的高度。我希望旋转木马不会使用图像高度，而是我决定的另一个高度，尝试了不同的css规则，但没有成功。 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous

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

回答已采纳

1回答