我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 0
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
4回答
显示的替代方案:无移动设备
、、、、
我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。
问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。
似乎主要的选择是基于媒体查询的display:none，但我开始预见，如果整个桌面网站仍然在移动设备上加载，只有隐藏的元素，我将在加载时间上遇到大问题。
有没有办法完全排除基于浏览器大小的html？如果任何人有任何好的链接或文章，那将是伟大的。或者甚至只是意见，关于是否真的需要排除html。
谢谢
浏览 1提问于2013-01-22得票数 1
回答已采纳
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
我想实现一个淡入/淡出文本轮播，就像在的头上一样。
我看了看代码，似乎是用bootstrap完成的。
既然我真的不想只为了这个实现整个引导程序的事情，有没有办法用几行CSS和Javascript就能做类似的事情(我在JS中完全是新手)？
非常感谢您的帮助
我以网站的HTML为例：
<div id="carousel_fade_intro" class="carousel slide">
<div class="carousel-inner">
浏览 3提问于2014-12-25得票数 0
我正在尝试更改轮播在运行时显示的项目数，原因是我的页面支持智能手机等小型设备，我的想法是当用户在他/她的智能手机中看到页面时，每张幻灯片只显示2个项目，但每次我更改附加到轮播的itemsPerSlide的值时，它根本不会改变，我做错了什么吗?您可以在下一个stackbizz - Change items per slide demo中测试此行为
浏览 20提问于2020-01-15得票数 1
当使用断点旋转设备时，轮播高度会更新以保持纵横比。 轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。 我一直在尝试更新类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
简而言之，我正在尝试将html块+小转盘放在我的较大转盘的其中一张幻灯片上。基本上，更大规模的旋转木马将由2张幻灯片组成。
第一张幻灯片- html +较小的旋转木马(由2张图片组成-幻灯片本身)。第二张幻灯片-一个大英雄形象
使用Bootstrap 3.3.6和jQuery 2.2.3。
所以一切都很好，在目前的状态下，所有的幻灯片第一次都可以正常工作。一旦幻灯片从最后一个幻灯片转到第一个幻灯片，较小的旋转木马的功能就会停止运行。我认为问题出现在Bootstrap.js中的.item .active类中，因为更改/修改css不会对功能产生任何影响。
我一直在网上搜索，但找不到合适的答案。
如
浏览 1提问于2016-05-13得票数 4
嗨，我正在做bootstrap carousal。我试着在箭头点击上一个接一个地显示多张幻灯片。我使用了一些代码，它在某种程度上是有效的，但不是预期的。我只想在点击时移动一张图片。但是，在这里，整个图像幻灯片是移动的。请帮助我在点击时只移动一张图片。提前谢谢。
$('#Carousel').carousel({
interval: 4000
})
$('#Carousel .item').each(function() {
var next = $(this).next();
if (!next.length) {
next = $(th
浏览 11提问于2018-01-30得票数 0
我正在尝试挂接jQuery图像轮播图像上的单击事件，以便它更新同一文档中的选择列表，并设置"selected“选项以匹配在轮播中单击的项目。每个轮播图像上的"title“属性与选择列表中的至少一个选项匹配(标题总是唯一的)。
例如：
1)传送带图片标题为: image1、image2、image3
<div id="carousel">
<ul>
<li><img src='folder1/screenshot.jpg' title=image1 /></li>
<
浏览 0提问于2010-03-17得票数 0
回答已采纳
1回答
我发现了很多带图片的旋转木马的例子。但我找不到适用于布局的示例。有没有人能推荐一些不同布局的android carousel效果的链接？
例如，带有列表视图的Carousel。(轮播中的每个视图都是一个列表视图)
提前谢谢。
浏览 6提问于2013-06-26得票数 4
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 0
有没有可能实现垂直轮播滑动窗口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
回答已采纳
1回答
我正在尝试使用CSS转换来使旋转木马中的中心对象具有更多的焦点/注意力。(轮播是Slick.js)
一切都很好，除了当我从最后一项返回到第一项时，在更改出现之前会有一个暂停和一个跳转。
是什么导致了这种情况？我该如何修复它？
//pseudo code
编辑:它也发生在从第一个到最后一个。
编辑2:值得注意的是，我的想法来自Slick.js网站：
在带有“中心模式”示例的页面上，它使用转换来做这件事。我无论如何也找不出除了目标元素之外还有什么不同。
编辑3:我确实尝试将我的元素更改为H3元素，如示例中所示。没有变化。
浏览 1提问于2016-11-24得票数 0
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
对于Wordpress来说，我想做的是在PHP中创建一个循环，通过管理界面将图片上传到媒体库中。
我只需要显示图像中的标题文本，在上传过程中完成的一个字段，包含文本轮播。我想得到图像的SRC和描述。
这个是可能的吗？
浏览 3提问于2012-02-22得票数 0
我对构建或使用开源小部件在网站上显示照片感兴趣，使用angular.js。在谷歌上搜索"Angular.js照片轮播“或"angular.js照片查看器”只能返回几个例子。
是不是有很多我不知道的angular.js照片小工具，或者这是我只需要写rom scratch的那类东西？
浏览 2提问于2013-06-28得票数 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
回答已采纳
1回答
引导转盘
、、、
我正在使用bootstrap制作一个旋转木马。然而，问题是，我似乎不知道如何在每次轮播循环时调用一个函数(我指的是轮播的自动循环函数)。有人对此有什么想法吗？
我需要它的地方如下:除了旋转木马，我有所有的图片(从旋转木马)作为拇指，所以你有一个像相册的东西。然后我可以点击这些拇指中的任何一个，然后直接转到它。然后我让拇指“活动”(这基本上是一个黑色的边框，而不是灰色的)，然后我把前一个拇指(当我点击它时是活动的)恢复到正常。但是..。当旋转木马在旋转时(看起来非常棒)，我想让活动的拇指保持最新状态。要做到这一点，我唯一需要的就是能够在旋转木马循环的同时调用函数。
浏览 2提问于2012-07-15得票数 2
我正在使用jQuery工具创建文章轮播。
你可以在这里看到图片的实际效果：
导航代码如下所示：
<!-- wrapper for navigator elements -->
<div class="navi"></div>
插件的广告链接如下：
<!-- wrapper -->
<div class="navi">
<a href="0" class="active"/>
<a href="1" class="&
浏览 1提问于2010-05-13得票数 0
回答已采纳
2回答
我在我的项目中使用了。我有一个带图片的旋转木马。我需要在旋转木马中延迟加载图像。这是html：
@foreach($issues as $issue)
<div class="swiper-slide magazine-image lazy-carousel">
<div
class="slider-image-wrap js-magazine-selector"
data-id='{{ $issue->first()->magazine->id }}
浏览 1提问于2017-06-15得票数 0
2回答
我已经对我正在工作的一个网站做了一些修改，现在，当我加载主页时，标题图像似乎在页面其余部分之后加载，留下空白，然后图像加载它将页面的其余部分推到它应该在的位置。这个网站是用HTML，CSS和JS从头开始创建的。这个网站是https://www.visionwebdesign.ca的，所以你可以看看。一旦网页在浏览器缓存中，它就可以正常加载。 标题实际上是图像轮播的一部分。下面是我正在使用的代码： Vision Web Design
浏览 12提问于2021-08-23得票数 0
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
2回答
iPhone -旋转木马
、、、、
我在我的应用程序中使用开源的iCarousel来引入carousel控件。我使用的轮播类型是iCarouselTypeRotary，图像在这种类型中是线性排列的。但是，我需要的图像带来喜欢的旋转木马在附加的图像。我应该怎么做才能让我的旋转木马稍微倾斜到顶视图，就像下面图片中的样式？请帮帮忙。提前谢谢。
浏览 3提问于2012-09-03得票数 3
回答已采纳
我是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
1回答
我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。我缺乏实用的css/javascript知识，这让我很失望，因为我不太理解代码片段之前的3个简单指令。
有人能给我解释一下如何通过点击这个小提琴上的缩略图来让我的模式轮播工作吗？
<body>
<!--rows and cols structure -->
<div class="row"&g
浏览 0提问于2015-06-08得票数 3
1回答
每页上针对引导转盘的不同活动项目
、、、、
我正在使用来自twitter的bootstrap的wordpress。我想使用不同的项目活动的每个页面的传送带。
例如:当页面is_page('Kontakt')时，轮播中活动的项目不应该是第一张图片，而是第二张图片。
代码：
<div class="item active">
<img src="http://testserver.webdesign-solution.net/sonnenhof-hotel/wp-content/uploads/2015/05/header-bild.png" alt="Chan
浏览 0提问于2015-05-21得票数 0
学生党，然后买了十块钱的那个1Mbps，1G，1核，50Gc云盘的云服务器，把一个网页放到服务器然后回到我自己的主机，通过ip跑这个网页，结果发现 里面的几张轮播图t的图片加载很慢。。要很久才能全部加载出来，是因为我买的服务器配置太低了所以访问的时候下载很慢吗？求指教。
浏览 1257提问于2018-04-25
回答已采纳
拼命地尝试更改幻灯片的数量，以便轮播幻灯片完全响应(而不是必须刷新页面以显示更新的最小/最大幻灯片数量。
请帮帮我！我已经和它斗争了一整天了。
现在，我必须刷新浏览器以显示正确的幻灯片数量。下面是我的代码：
$(window).ready(function(){
var minNumber,
maxNumber,
width = $(window).width();
if (width < 430) {
minNumber = 1;
maxNumber
浏览 1提问于2013-05-04得票数 3
3回答
我有一个页面显示了帖子的缩略图。帖子是通过AJAX获取的，过滤器允许获取不同的帖子。单击缩略图时，将以所单击的帖子为中心打开一个旋转木马。旋转木马中的每个帖子都有一个LinkedIn分享按钮。
如果将链接的共享按钮加载到不可见元素中，然后再加载，则链接的共享按钮不能正常工作。所以我们必须在打开传送带的时候加载它们。我使用以下代码来完成此操作：
$.getScript('http://platform.linkedin.com/in.js', function() {
$('.li-box-1').append('<script type=&#
浏览 0提问于2015-02-17得票数 4
2回答
我被要求使活动的轮播图片更改引导选项卡，以便也具有活动的类。我不确定如何做到这一点，并尝试捕获活动的第一个选项卡，然后我需要迭代他们，但不确定如何及时做到这一点与转盘的滑块。这就是我所在的地方：
var activeTab = $('.tabpanel ul li.active');
$('.carousel').on('slide.bs.carousel', function() {
activeTab.next.addClass('.active');
});
代码只是控制台中的错误。
浏览 1提问于2014-12-01得票数 1
我正在为一个客户做一个布局，在每个页面的顶部都有一个产品图标的旋转木马，这个想法是访问者可以从旋转木马跳到网站的那个部分。但是，当加载页面时，图标最初显示为列表，直到页面加载完成后才会对齐。
我尝试过将显示设置为无，然后在页面加载和轮播初始化后使用javascript显示它，但这似乎不起作用。
可以理解的是，随着下面的页面变得越来越复杂，问题变得越来越严重。有什么好主意可以尝试一下吗？
该页面使用Jquery & Bootstrap和Slick.js进行轮播。
以下是布局中的示例页面：
浏览 3提问于2014-11-20得票数 0
请看一下，让我知道为什么当鼠标指针进入两个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
在原始代码中，您可以单击一个复选框来启用已禁用的按钮。
这是使用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
我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 0
1回答
设置引导转盘
、、、、
我正在使用single bootstrap carousel，并且面临一个问题。轮播有几个项目/图像要显示，并且其中一个项目必须是活动项目。代码如下： <div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="**active item**">…</div>
<div class=
浏览 13提问于2021-01-06得票数 0
我在我的模板中使用Shaper Helix 2，并尝试创建carousel。我使用的是Joomla版本3.2，并使用CustomHTML创建了carousel。但我不知道为什么它不能识别为HTML，而实际上识别为文本。
所以在我的主页屏幕上，转盘显示的代码是:转盘在这里添加图片captionPowerful模板框架来开发Joomla基础网站更快的/carousel
而不是实际的轮播文本。
如何解决这个问题？非常感谢。非常感谢别人的帮助。
浏览 1提问于2014-05-26得票数 0
在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
我正在尝试使用对话流为facebook messenger创建一个轮播。以下静态轮播自定义有效负载代码在FB Messenger response部分下运行良好。但我不知道如何使用node.js内联编辑器为带有dialogflow的fb messenger创建一个动态carousal。请帮帮忙，我对dialogflow还很陌生。 {
"facebook": {
"attachment": {
"payload": {
"template_type": "generic",
浏览 42提问于2021-05-08得票数 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
当我修改iCarousel的位置时，我在TableView中的CGRect不会移动。下面是模拟器的样子：
我包含了整个代码块。我是个菜鸟，这是我的第一个应用。很抱歉。
UIViewController代码：
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning(
浏览 6提问于2018-08-16得票数 0
当我附加一个名为selected的类来突出显示该部分时，我使用了和ddscrollspy。当selected类被附加到轮播项目中时，它应该转到隐藏在轮播中的下一个项目.....
浏览 2提问于2013-12-26得票数 1
我的意思是，我有一个链接到我的网站，但我使用的链接，在我的ThemeRoller mobile.php文件，是行不通的。我已经把我的ThemeRoller文件放在它自己的文件夹中，而不是与我的投资组合网站文件。在ThemeRoller文件夹中有：
css
图片
js
mobile.php
ect。
在mobile.php中，我创建了一个指向投资组合索引文件的链接：
<a href="../Portfolio-2013/index.php" data-role="button">Desktop</a></div
浏览 3提问于2013-07-14得票数 0
回答已采纳
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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
