因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
我是Backbone的初学者，试图用Carousel的多个实例创建并运行一个示例页面。下面是我的HTML的外观
<div class="en-carousel" id="one" data-href="/js/models/json/carousel.json" data-content-id=""></div>
<div class="en-carousel" id="two" data-href="/js/models/json/carousel2.json
浏览 5提问于2014-07-31得票数 0
2回答
我有一个产品图像的轮播(slick.js)，我试图在这些图像上实现缩放，但是无论哪个图像在平滑的轮播中处于活动状态，我都只能在缩放容器的轮播中看到最后一个图像，这是我的代码。
HTML
<ul class="image-carousel">
<li>
<img src="/image1.png" data-zoom-image="/image1-large.jpg" class="zoom">
</li>
<li>
浏览 1提问于2015-05-13得票数 1
我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 0
我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 0
3回答
我有一个页面显示了帖子的缩略图。帖子是通过AJAX获取的，过滤器允许获取不同的帖子。单击缩略图时，将以所单击的帖子为中心打开一个旋转木马。旋转木马中的每个帖子都有一个LinkedIn分享按钮。
如果将链接的共享按钮加载到不可见元素中，然后再加载，则链接的共享按钮不能正常工作。所以我们必须在打开传送带的时候加载它们。我使用以下代码来完成此操作：
$.getScript('http://platform.linkedin.com/in.js', function() {
$('.li-box-1').append('<script type=&#
浏览 0提问于2015-02-17得票数 4
当使用断点旋转设备时，轮播高度会更新以保持纵横比。 轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。 我一直在尝试更新类v-window__container和v- carousel __item的高度，它们似乎是包含carousel图像的类，但我无法用js更新它们。 computed: {
carouselHeight () {
switch (this.$vuetify.breakpoint.name) {
case 'xs' : return '198'
case &#
浏览 62提问于2019-01-12得票数 1
1回答
有没有人知道是否有可能在prototype中创建一个图像轮播，然后将这些图像从轮播中drag+drop到一个可丢弃的div中？
我在jCarousel上使用jQuery UI的可拖放插件也做了同样的事情。谢谢!
浏览 3提问于2011-06-22得票数 0
在原始代码中，您可以单击一个复选框来启用已禁用的按钮。
这是使用Bootstrap 3。我遇到了两个JQuery元素(带有许多js元素的滑块)的问题，阻碍了代码本身的良好工作，下面是示例：
由于这些Java脚本用于滑动轮播：
<script src="js/flexslider.js"></script>
<script src="js/carousel.js"></script>
<script src="js/jquery.cslider.js"></script>
&
浏览 3提问于2016-06-07得票数 0
1回答
我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。我缺乏实用的css/javascript知识，这让我很失望，因为我不太理解代码片段之前的3个简单指令。
有人能给我解释一下如何通过点击这个小提琴上的缩略图来让我的模式轮播工作吗？
<body>
<!--rows and cols structure -->
<div class="row"&g
浏览 0提问于2015-06-08得票数 3
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
2回答
另一个相互冲突的jquery问题
、、、、
我已经找到了大量的答案(大多数是关于wordpress的)，但没有一个是非常有帮助的。我是css/jquery的新手，所以我需要一点帮助。我试过了，但不能让它工作
我的代码如下：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script type="text/javascript"
浏览 2提问于2014-08-13得票数 0
嗨，我正在做bootstrap carousal。我试着在箭头点击上一个接一个地显示多张幻灯片。我使用了一些代码，它在某种程度上是有效的，但不是预期的。我只想在点击时移动一张图片。但是，在这里，整个图像幻灯片是移动的。请帮助我在点击时只移动一张图片。提前谢谢。
$('#Carousel').carousel({
interval: 4000
})
$('#Carousel .item').each(function() {
var next = $(this).next();
if (!next.length) {
next = $(th
浏览 11提问于2018-01-30得票数 0
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 0
7回答
我遇到了让旋转木马正常工作的问题。我使用yeomen搭建了angular应用程序。我得到了这个错误
Error: [$compile:ctreq] Controller 'carousel', required by directive 'slide', can't be found!
http://errors.angularjs.org/1.2.26/$compile/ctreq?p0=carousel&p1=slide
at http://localhost:9000/bower_components/angular/angular
浏览 1提问于2014-10-13得票数 19
2回答
我需要显示一个带有移动轮播的页面，在幻灯片上-不改变页面，但只在幻灯片上显示旋转木马中的项目(没有页面重新加载)。然后，在轮播中，这些项被链接到jqm对话框。我如何在没有iframe或embed的情况下做到这一点。但这需要在swipe上工作
浏览 0提问于2011-03-31得票数 9
2回答
我正在使用Flickity。我的groupCell是真的。现在的问题是，我不能增加图像的高度或滑块高度。另外，我必须在移动设备中显示1滑块。 你能帮我吗？ $('.slideset').flickity({
// options
cellAlign: 'left',
wrapAround: true,
contain: true,
//groupCells:'%',
groupCells: true,
prevNextButtons: true
}); .carousel-cell {
width: calc(
浏览 47提问于2020-01-18得票数 2
我有一个页面，里面几乎没有猫头鹰的旋转木马。我希望能够在HTML代码中为这些owl carousel设置一些参数(使用类或数据属性)。
假设我在HTML语言中定义了两个数据属性，我已经创建了以下jQuery代码：
$(".owl-carousel").each(function( index ) {
var items_no = $(this).data('slides');
var autoplay = $(this).data('autoplay');
$(".owl-carousel").owlCar
浏览 5提问于2014-10-20得票数 1
回答已采纳
我对构建或使用开源小部件在网站上显示照片感兴趣，使用angular.js。在谷歌上搜索"Angular.js照片轮播“或"angular.js照片查看器”只能返回几个例子。
是不是有很多我不知道的angular.js照片小工具，或者这是我只需要写rom scratch的那类东西？
浏览 2提问于2013-06-28得票数 0
回答已采纳
当我修改iCarousel的位置时，我在TableView中的CGRect不会移动。下面是模拟器的样子：
我包含了整个代码块。我是个菜鸟，这是我的第一个应用。很抱歉。
UIViewController代码：
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning(
浏览 6提问于2018-08-16得票数 0
1回答
我正尝试在我的页面上使用两个猫头鹰旋转木马，但我不能。Gif：https://gyazo.com/51620bc2fa6183bdcaab511632e1eb57 第一个运行得很好(gif上顶部的那个) 但是第二个(下面的gif上的那个)不起作用。它被设置为显示4个图像，而不是我设置的2个。该怎么办呢 这个运行得很好： <body>
<!-- MENU-->
<section>
<div class="owl-carousel owl-theme">
<div class="item">
浏览 75提问于2021-10-01得票数 1
回答已采纳
我发现这里有很多问题和我的问题是一样的。然而，这些并不能解决我的问题。我的代码与下面的代码完全相同
然而，下面的div从未在我的django模板中呈现过。我可能遗漏了什么？图像轮播渲染正确，因此我的.js，.css文件应该被正确加载。
<div class="carousel-caption">
浏览 0提问于2015-10-15得票数 0
显示了旋转木马中的一组图像。轮播是由提供的。目前，插件和调用它的JS代码已加载到<head>中。
在开始使用carousel代码之前，会出现一系列未设置样式的内容，其中只显示图像本身。我可以做些什么来防止这种情况，例如，在carosel初始化之前隐藏图像？
FOUC在IE中特别糟糕，但在Firefox中也会发生。
浏览 4提问于2012-02-17得票数 1
回答已采纳
我正在尝试使用对话流为facebook messenger创建一个轮播。以下静态轮播自定义有效负载代码在FB Messenger response部分下运行良好。但我不知道如何使用node.js内联编辑器为带有dialogflow的fb messenger创建一个动态carousal。请帮帮忙，我对dialogflow还很陌生。 {
"facebook": {
"attachment": {
"payload": {
"template_type": "generic",
浏览 42提问于2021-05-08得票数 0
1回答
计算偏移位置
、、
我正在尝试用js和HTML5实现线性轮播。我需要计算屏幕上当前触摸的偏移量(dx)的问题。我的代码：
document.addEventListener('touchmove', function(event) {
event.preventDefault();
var touch = event.touches[0];
posx=touch.pageX;
posy=touch.pageY;
},false);
例如:当前的posx是365，我向右移动了1px。然后我的dx将是1，依此类推...
提前谢谢。
浏览 0提问于2012-01-11得票数 0
回答已采纳
对于jQuery，有没有一种方法来代替文档准备就绪，只要这个项目可见，是不是XXXXXXX？
原因是我有一个有3个面板的应用程序。默认情况下，第一个面板是隐藏的，并且有一个旋转木马。如果轮播在不可见时启动，则轮播将中断。所以我想说，一旦carousel或div可见，就启动carousel。
谢谢
浏览 2提问于2010-12-23得票数 2
回答已采纳
1回答
我使用了一个内容轮播(来自codrops)，每个项目都用Fancybox打开了更多的信息。问题是，Fancybox无法打开。我在想可能会有一个jquery冲突，因为我正在使用jquery.migrate以便轮播正常工作。
我的HTML如下：
<a href="#historyslide1" class="fancybox" data-fancybox-group="historygaller"><img src="img/historyslider/1900.jpg" class="img-respons
浏览 0提问于2015-04-14得票数 0
我一直在使用this library在视图系统中实现轮播。如何在Jetpack Compose中实现carousel？
浏览 56提问于2021-05-07得票数 5
回答已采纳
有没有可能实现垂直轮播滑动窗口Twitter Bootstrap？在bootstrap.js中我发现了这一点
, slide: function (type, next) {
var $active = this.$element.find('.active')
, $next = next || $active[type]()
, isCycling = this.interval
, direction = type == 'next' ? 'left' : 'right'
, fall
浏览 1提问于2012-07-21得票数 22
回答已采纳
我正在使用slick.js构建一个响应式轮播。目前，对于断点980px，我只想显示两张幻灯片，但它不适合我。以下是我的代码： $(document).ready(function() {
$('.whatsNextSlick').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint:980,
settings: {
sli
浏览 34提问于2020-04-26得票数 0
我正在为一个客户做一个布局，在每个页面的顶部都有一个产品图标的旋转木马，这个想法是访问者可以从旋转木马跳到网站的那个部分。但是，当加载页面时，图标最初显示为列表，直到页面加载完成后才会对齐。
我尝试过将显示设置为无，然后在页面加载和轮播初始化后使用javascript显示它，但这似乎不起作用。
可以理解的是，随着下面的页面变得越来越复杂，问题变得越来越严重。有什么好主意可以尝试一下吗？
该页面使用Jquery & Bootstrap和Slick.js进行轮播。
以下是布局中的示例页面：
浏览 3提问于2014-11-20得票数 0
我希望在轮播中使用-显示图像的数量，以及哪个图像编号当前处于活动状态，例如3/5。我正在使用以下插件来响应轮播：
我已经到处寻找如何做到这一点，但没有运气，也不知道从哪里开始，因为我对jQuery的知识非常少。任何帮助都将不胜感激。
下面是我在carousel中使用的代码示例的链接：
浏览 0提问于2012-11-07得票数 1
回答已采纳
请看一下，让我知道为什么当鼠标指针进入两个js方法的轮播时，pause选项不起作用，如下所示：
$(function(){
$("#carousel-example-generic").carousel({
pause: "hover"
});
});
或data-pause属性方式为
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-pause=
浏览 2提问于2015-12-09得票数 0
1回答
我正在尝试将morris.js图表插入到轮播中，它只适用于使用.active的第一个项目，或者如果我将.active添加到其他项目中，但随后轮播停止工作。我甚至尝试过jQuery addClass和removeClass。
下面是我的代码：
<div class="item active">
<div class=" first-slide box-body chart-responsive">
<div class="chart" id="sales-chart" style=
浏览 0提问于2016-03-26得票数 0
1回答
我在PHP中使用循环引导转盘作为网站的标题，当我更改网站页面时，有没有办法保留最后一张幻灯片的记忆？
carousel代码保存在每个页面的顶部(包含在一个PHP文件中)，我使用PHP会话保存变量。
我不知道轮播是如何工作的，我的想法是在每次轮播更改幻灯片时更新变量SESSION中的索引‘’slideNumber‘。请随时向我询问更多细节。
浏览 1提问于2016-12-30得票数 0
我有一个旋转木马在一个模式，我试图“重置”它时，用户点击解散按钮。
在carousel中，用户将执行一些单击操作，这些操作将更改carousel中的图像。我正在尝试实现的功能是，当用户单击dismiss，然后单击切换模式按钮时，轮播中的所有原始元素都将恢复，并且轮播将从幻灯片1开始。
我看过其他帖子建议使用这个功能，但它没有给我想要的效果：
$("#myModal").on('hidden.bs.modal', function () {
$(this).data('bs.modal', null);
});
我不会在这里张贴任何代码，我
浏览 0提问于2014-01-23得票数 0
我正在使用图像轮播包来显示带有滑动选项的容器内的网络图像..但是点击图像导航不是working..using Inkwell，我们可以给容器提供不是针对特定图像的手势……
有没有其他方法可以在容器内使用滑动选项显示网络图像，如图像轮播
代码：
return new Column(children: <Widget>[
new SizedBox(
浏览 2提问于2018-03-29得票数 0
1回答
如何根据iframe高度调整td的高度。我试过height:auto，但它不起作用。每个iframe具有不同的内容，因此高度也不同
我正在使用内容轮播在一个iframe到另一个iframe之间切换。
最初发生的是内容轮播在每个iframe之间自动切换的动画。然后在第一个iframe处着陆。然后，用户可以使用轮播导航在iframe之间切换。
<td class="tabContainer">
<div id="multipleIframe">
<iframe></iframe>
<iframe></
浏览 4提问于2015-05-30得票数 1
在slick.js中，如何在轮播项目之间放置间隔或间距。下面是我的js和html，滑块图像或项目之间没有空格。
$('.responsive').slick({
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
]
});
<div c
浏览 1提问于2016-10-30得票数 1
如何让图像轮播只显示登录用户的图像？我可以上传图像到一个传送带，但只能在所有用户的图像之间进行选择。
浏览 14提问于2020-03-07得票数 0
回答已采纳
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://fotorama.s3.amazonaws.com/4.6.0/fotorama.css" rel="stylesheet">
<script src="http://fotorama.s3.amazonaws.com/4.6.0/fotorama.js"></
浏览 7提问于2014-08-12得票数 0
我如何才能知道轮播在event onBeforeChange上的方向。向右还是向左？
$('.foo').slick
infinite: false
onBeforeChange: (e) ->
if right
do_this()
if left
do_that()
浏览 2提问于2014-12-12得票数 3
当我附加一个名为selected的类来突出显示该部分时，我使用了和ddscrollspy。当selected类被附加到轮播项目中时，它应该转到隐藏在轮播中的下一个项目.....
浏览 2提问于2013-12-26得票数 1
4回答
显示的替代方案:无移动设备
、、、、
我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。
问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。
似乎主要的选择是基于媒体查询的display:none，但我开始预见，如果整个桌面网站仍然在移动设备上加载，只有隐藏的元素，我将在加载时间上遇到大问题。
有没有办法完全排除基于浏览器大小的html？如果任何人有任何好的链接或文章，那将是伟大的。或者甚至只是意见，关于是否真的需要排除html。
谢谢
浏览 1提问于2013-01-22得票数 1
回答已采纳
看起来嵌套的旋转木马在工作，但是内部的旋转木马没有正确地触发自动播放循环功能，它在切换到第二张幻灯片后停止。我试图让内部轮播作为自动播放循环淡出轮播，但它只工作了一次，然后需要刷新以重新启动循环。
不知道我的代码出了什么问题。
这是我的代码。
$('.main-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
items:1,
});
$('.fade').owlCarousel({
loop:true,
margin:10,
nav:true,
items:1,
animateOut:
浏览 7提问于2017-09-14得票数 1
1回答
我在一个ionic项目中使用carousel ()。这是一个自定义的angularjs指令。我在一个屏幕上使用2个旋转木马。现在，我想要的是在更改第一个轮播时，第二个轮播也应该更新为新值。为此，必须重新加载/刷新第二个轮播自定义指令。有没有办法刷新/重新加载angularjs中的自定义指令？
浏览 0提问于2016-04-03得票数 1
回答已采纳
我已经看到了如何在bootstrap touhch/swipe中制作轮播的解决方案的ltos。但我使用的任何解决方案对我都不起作用。滑块仍然处于静止状态，并且仅在箭头上有效。使用jquery mobile的解决方案：
<script src="js/jquery.mobile-1.4.2.js"></script>
<script>
$(document).ready(function() {
$("#carousel-example-generic").swiperight(function() {
$(this).c
浏览 1提问于2014-06-19得票数 0
是否有可能在Bot Framework中使用旋转木马(在允许的情况下-如Messenger、Bot Emulator等)在最初呈现并作为消息发送给用户之后，持续更新(根据它从其中读取数据的数据库)-而无需重新呈现整个轮播并将其重新发送给用户？
像- .onFlipHandRightOnCarousel或.onFlipHandLeftOnCarousel -从已经渲染的轮播中删除空的HeroCards (在数据库中它们被标记为“非活动”的位置)，并重新呈现这个新的轮播，而不需要向用户重新发送新的session.send(消息)？
浏览 1提问于2018-11-29得票数 0
3回答
在某些情况下，我想从>3个项目开始owl轮播，即按默认显示项目从第三个数字开始轮播。我已经看过他们的文档，他们没有这样的定制选项available.How我可以做到这一点。
浏览 0提问于2014-04-28得票数 5
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
