我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 0
因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
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
4回答
显示的替代方案:无移动设备
、、、、
我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。
问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。
似乎主要的选择是基于媒体查询的display:none，但我开始预见，如果整个桌面网站仍然在移动设备上加载，只有隐藏的元素，我将在加载时间上遇到大问题。
有没有办法完全排除基于浏览器大小的html？如果任何人有任何好的链接或文章，那将是伟大的。或者甚至只是意见，关于是否真的需要排除html。
谢谢
浏览 1提问于2013-01-22得票数 1
回答已采纳
我正在使用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
回答已采纳
嗨，我正在做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
回答已采纳
当使用断点旋转设备时，轮播高度会更新以保持纵横比。 轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。 我一直在尝试更新类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 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
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
2回答
我被要求使活动的轮播图片更改引导选项卡，以便也具有活动的类。我不确定如何做到这一点，并尝试捕获活动的第一个选项卡，然后我需要迭代他们，但不确定如何及时做到这一点与转盘的滑块。这就是我所在的地方：
var activeTab = $('.tabpanel ul li.active');
$('.carousel').on('slide.bs.carousel', function() {
activeTab.next.addClass('.active');
});
代码只是控制台中的错误。
浏览 1提问于2014-12-01得票数 1
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 0
1回答
我发现了很多带图片的旋转木马的例子。但我找不到适用于布局的示例。有没有人能推荐一些不同布局的android carousel效果的链接？
例如，带有列表视图的Carousel。(轮播中的每个视图都是一个列表视图)
提前谢谢。
浏览 6提问于2013-06-26得票数 4
我是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
3回答
我有一个页面显示了帖子的缩略图。帖子是通过AJAX获取的，过滤器允许获取不同的帖子。单击缩略图时，将以所单击的帖子为中心打开一个旋转木马。旋转木马中的每个帖子都有一个LinkedIn分享按钮。
如果将链接的共享按钮加载到不可见元素中，然后再加载，则链接的共享按钮不能正常工作。所以我们必须在打开传送带的时候加载它们。我使用以下代码来完成此操作：
$.getScript('http://platform.linkedin.com/in.js', function() {
$('.li-box-1').append('<script type=&#
浏览 0提问于2015-02-17得票数 4
我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 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
回答已采纳
当我修改iCarousel的位置时，我在TableView中的CGRect不会移动。下面是模拟器的样子：
我包含了整个代码块。我是个菜鸟，这是我的第一个应用。很抱歉。
UIViewController代码：
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning(
浏览 6提问于2018-08-16得票数 0
我在我的模板中使用Shaper Helix 2，并尝试创建carousel。我使用的是Joomla版本3.2，并使用CustomHTML创建了carousel。但我不知道为什么它不能识别为HTML，而实际上识别为文本。
所以在我的主页屏幕上，转盘显示的代码是:转盘在这里添加图片captionPowerful模板框架来开发Joomla基础网站更快的/carousel
而不是实际的轮播文本。
如何解决这个问题？非常感谢。非常感谢别人的帮助。
浏览 1提问于2014-05-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
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
回答已采纳
1回答
引导转盘
、、、
我正在使用bootstrap制作一个旋转木马。然而，问题是，我似乎不知道如何在每次轮播循环时调用一个函数(我指的是轮播的自动循环函数)。有人对此有什么想法吗？
我需要它的地方如下:除了旋转木马，我有所有的图片(从旋转木马)作为拇指，所以你有一个像相册的东西。然后我可以点击这些拇指中的任何一个，然后直接转到它。然后我让拇指“活动”(这基本上是一个黑色的边框，而不是灰色的)，然后我把前一个拇指(当我点击它时是活动的)恢复到正常。但是..。当旋转木马在旋转时(看起来非常棒)，我想让活动的拇指保持最新状态。要做到这一点，我唯一需要的就是能够在旋转木马循环的同时调用函数。
浏览 2提问于2012-07-15得票数 2
我正在尝试使用对话流为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
回答已采纳
如何为视频/图像设计3D轮播，以便在桌面上的独立Flash Player上运行？我使用Flash Builder 4将其开发为mxml应用程序，但发现它不允许访问本地文件系统。我的特定要求是，我希望它在本地计算机上运行，并在用户的浏览器中查看SWF文件。有没有样例代码来做我想做的事情？这个应用程序有状态和转换，比如一个状态用于视频库，一个状态用于图片库
浏览 3提问于2010-10-08得票数 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
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
回答已采纳
1回答
创建颤动图像轮播
、、、、
我怎样才能像下面的例子一样创建一个图像轮播？
我用下面的代码试了一下，但那只是把图片放在一起。
Widget build(BuildContext context) {
return Container(
width: 150,
child: CarouselSlider(items: ['https://picsum.photos/200/300','https://picsum.photos/200/300','https://picsum.photos/200/300'].map((i) {
return Builder(
浏览 17提问于2019-10-30得票数 0
回答已采纳
学生党，然后买了十块钱的那个1Mbps，1G，1核，50Gc云盘的云服务器，把一个网页放到服务器然后回到我自己的主机，通过ip跑这个网页，结果发现 里面的几张轮播图t的图片加载很慢。。要很久才能全部加载出来，是因为我买的服务器配置太低了所以访问的时候下载很慢吗？求指教。
浏览 1257提问于2018-04-25
回答已采纳
我正在使用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
回答已采纳
1回答
我有一个标题图片，这是由Vuetify旋转木马组成的。轮播的截面容器是100vh，并且v-carousel元件高度被设置为100%。我希望在剖面元素上设置300px的最小高度将防止旋转木马图片的高度小于300px。相反，当我降低屏幕高度时，我注意到一条标记最小高度的线，但随着我降低屏幕高度，里面的图片变得更小。下面是我的代码，有人能建议我哪里做错了吗？我从检查工具中看到v-carousel-item是一个带有背景图像的div，我想知道这是否会以某种方式影响我的代码。
<template>
<div class="home router-view">
浏览 1提问于2020-09-28得票数 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
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
我有一个旋转木马在一个模式，我试图“重置”它时，用户点击解散按钮。
在carousel中，用户将执行一些单击操作，这些操作将更改carousel中的图像。我正在尝试实现的功能是，当用户单击dismiss，然后单击切换模式按钮时，轮播中的所有原始元素都将恢复，并且轮播将从幻灯片1开始。
我看过其他帖子建议使用这个功能，但它没有给我想要的效果：
$("#myModal").on('hidden.bs.modal', function () {
$(this).data('bs.modal', null);
});
我不会在这里张贴任何代码，我
浏览 0提问于2014-01-23得票数 0
1回答
我在PHP中使用循环引导转盘作为网站的标题，当我更改网站页面时，有没有办法保留最后一张幻灯片的记忆？
carousel代码保存在每个页面的顶部(包含在一个PHP文件中)，我使用PHP会话保存变量。
我不知道轮播是如何工作的，我的想法是在每次轮播更改幻灯片时更新变量SESSION中的索引‘’slideNumber‘。请随时向我询问更多细节。
浏览 1提问于2016-12-30得票数 0
我发现了一个我目前正在尝试修改的jQuery旋转木马。原件可以在找到，我正在尝试更改启用轮播指示器。原件是
$(".item0").click(function(){
$("#myCarousel").carousel(0);
});
$(".item2").click(function(){
$("#myCarousel").carousel(1);
});
$(".item3").click(function(){
浏览 1提问于2015-10-02得票数 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
回答已采纳
我正在使用图像轮播包来显示带有滑动选项的容器内的网络图像..但是点击图像导航不是working..using Inkwell，我们可以给容器提供不是针对特定图像的手势……
有没有其他方法可以在容器内使用滑动选项显示网络图像，如图像轮播
代码：
return new Column(children: <Widget>[
new SizedBox(
浏览 2提问于2018-03-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
