因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
3回答
我正在尝试将视频添加到网页的轮播中，但视频正在显示但不播放，所有的按钮都显示但不播放视频。只有当我将视频设置为全屏并单击播放按钮时，视频才会播放。在播放之后，如果我正在逃离全屏模式，它仍然在播放。那么，如何包含自动播放功能，以避免仅在单击全屏时才播放视频？
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<video width=&
浏览 4提问于2019-02-15得票数 1
2回答
Owl旋转木马全屏不起作用
、、、、
我正在尝试使猫头鹰轮播滑块全屏为我的网站。这就是我所需要的，请随意调整浏览器的大小
这就是我所拥有的，
$(document).ready(function() {
// carousel setup
$(".owl-carousel").owlCarousel({
navigation : false,
slideSpeed : 300,
paginationSpeed : 400,
singleItem: true,
autoHeight: true,
afterMove: top_align,
});
浏览 4提问于2015-04-15得票数 0
回答已采纳
我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 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
在我的首页上，我添加了Typo3引导扩展的全屏carousel content元素。我希望在幻灯片上同时显示文本和图像，所以我添加了一个“文本和图像”转盘项目。
然而，我希望文本层叠在图像的顶部，而不是像下面的图像一样放置在文本的下面。
我也希望文本居中，但不确定为什么不居中，因为我使用了与其他轮播项目相同的头类，其中文本中心类是自动添加的，文本居中。
浏览 0提问于2019-10-25得票数 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
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
我有用picasso制作的图像轮播，它可以全屏显示图像。现在我需要一些图像，这需要30%的屏幕，当我点击图像时，它应该会带来我的图像旋转木马。
activity_main：
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http
浏览 2提问于2019-12-22得票数 0
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 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
我对构建或使用开源小部件在网站上显示照片感兴趣，使用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回答
我使用了一个内容轮播(来自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
我是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
3回答
我有一个页面显示了帖子的缩略图。帖子是通过AJAX获取的，过滤器允许获取不同的帖子。单击缩略图时，将以所单击的帖子为中心打开一个旋转木马。旋转木马中的每个帖子都有一个LinkedIn分享按钮。
如果将链接的共享按钮加载到不可见元素中，然后再加载，则链接的共享按钮不能正常工作。所以我们必须在打开传送带的时候加载它们。我使用以下代码来完成此操作：
$.getScript('http://platform.linkedin.com/in.js', function() {
$('.li-box-1').append('<script type=&#
浏览 0提问于2015-02-17得票数 4
而导出高图表V9.1.1从全屏与选项打印抛出错误的控制台。
accessibility.src.js:431 Uncaught TypeError: a.hasAttribute is not a function
at accessibility.src.js:431
at NodeList.forEach (<anonymous>)
at l (accessibility.src.js:430)
at l (accessibility.src.js:436)
at l (accessibility.src.js:436)
at l
浏览 4提问于2021-07-30得票数 0
我正在为一个客户做一个布局，在每个页面的顶部都有一个产品图标的旋转木马，这个想法是访问者可以从旋转木马跳到网站的那个部分。但是，当加载页面时，图标最初显示为列表，直到页面加载完成后才会对齐。
我尝试过将显示设置为无，然后在页面加载和轮播初始化后使用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
有没有可能实现垂直轮播滑动窗口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
回答已采纳
我正在尝试使用对话流为facebook messenger创建一个轮播。以下静态轮播自定义有效负载代码在FB Messenger response部分下运行良好。但我不知道如何使用node.js内联编辑器为带有dialogflow的fb messenger创建一个动态carousal。请帮帮忙，我对dialogflow还很陌生。 {
"facebook": {
"attachment": {
"payload": {
"template_type": "generic",
浏览 42提问于2021-05-08得票数 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
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
4回答
显示的替代方案:无移动设备
、、、、
我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。
问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。
似乎主要的选择是基于媒体查询的display:none，但我开始预见，如果整个桌面网站仍然在移动设备上加载，只有隐藏的元素，我将在加载时间上遇到大问题。
有没有办法完全排除基于浏览器大小的html？如果任何人有任何好的链接或文章，那将是伟大的。或者甚至只是意见，关于是否真的需要排除html。
谢谢
浏览 1提问于2013-01-22得票数 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
我有一个lightview窗口，需要在全屏flash电影中的项目被单击时出现。所以我想在lightview回调中加入一些JS来结束全屏flash电影。可以在JS中关闭全屏flash电影吗？
浏览 0提问于2011-06-22得票数 5
回答已采纳
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
回答已采纳
3回答
在某些情况下，我想从>3个项目开始owl轮播，即按默认显示项目从第三个数字开始轮播。我已经看过他们的文档，他们没有这样的定制选项available.How我可以做到这一点。
浏览 0提问于2014-04-28得票数 5
2回答
我有一个在一个页面中使用的引导转盘。现在，我不得不在两三个页面中使用它，但在这些情况下，大小必须与第一个页面不同。因此，如果我将第一个轮播的css用于所有轮播，所有的修改都会影响到所有的轮播。所以我不能正确地管理它们。在不同规模的项目中管理多个旋转木马的最佳方式是什么？
感谢您的支持。
浏览 3提问于2015-11-01得票数 0
1回答
带有owl旋转木马的全屏滑块
、、、、
我对某事有一个很大的请求。我需要设置的高度为100%的html和猫头鹰轮播滑块(全屏)的身体。但我也需要一个比它高一点的位置。
这是我对其他滑块所做的，也是我需要的：
和owl carousel 的示例
请垂直调整浏览器大小以查看效果。
谢谢!
编辑//
差不多完成了，但我还有另一个问题。滑块下面是一个空的地方，我不知道为什么lukaszradwan.com/pl
我需要有相同的高度到cd-main-content类作为视区。你能看一下吗？
$(document).ready(function() {
// carousel setup
$(".owl-carousel
浏览 1提问于2015-05-06得票数 1
我目前正在使用Laravel/Vue图像轮播，图像渲染得很好，但是当我使用v-playback组件加载视频时，我得到了以下错误：
Module parse failed: Unexpected character ' ' (1:0)
You may need an appropriate loader to handle this
file type, currently no loaders are configured to
process this file.
我试着找了一个webpack.config.js，但我得到的是一个webpack.mix.js，它只有这些：
c
浏览 30提问于2019-08-22得票数 1
我使用的是一个图像轮播脚本，它对浏览器的负担很大。它在Opera和Chrome中工作得很好，在FF中还算不错，在IE中绝对让我崩溃。所以我想给IE用户一个没有任何动作的简单HTML的选择/JS。
该脚本没有使用MT或jQuery等类似的380行JS。是否有可能为IE用户提供一个简单的HTML替代方案？
var browserName=navigator.appName; if (browserName=="Microsoft Internet Explorer") { // what command can i use? }
浏览 2提问于2010-12-11得票数 28
我发现这里有很多问题和我的问题是一样的。然而，这些并不能解决我的问题。我的代码与下面的代码完全相同
然而，下面的div从未在我的django模板中呈现过。我可能遗漏了什么？图像轮播渲染正确，因此我的.js，.css文件应该被正确加载。
<div class="carousel-caption">
浏览 0提问于2015-10-15得票数 0
photoswipe 3.0.5，jquery 1.8.2
画廊工作正常。
只有在轮播的最后一个和第一个图像之间有一个带有X图标的黑色屏幕，附加class = ps- carousel -item-0 ps-carousel-item-error
我使用了示例02-jquery。
js photoswipe调用：
(function(window, $, PhotoSwipe){
$(document).ready(function(){
var options = {};
$(".gall
浏览 0提问于2013-06-24得票数 2
回答已采纳
显示了旋转木马中的一组图像。轮播是由提供的。目前，插件和调用它的JS代码已加载到<head>中。
在开始使用carousel代码之前，会出现一系列未设置样式的内容，其中只显示图像本身。我可以做些什么来防止这种情况，例如，在carosel初始化之前隐藏图像？
FOUC在IE中特别糟糕，但在Firefox中也会发生。
浏览 4提问于2012-02-17得票数 1
回答已采纳
我想在一个模式弹出窗口中添加一个轮播，所以我添加了轮播，它工作得很好。
但是当尝试使用关闭按钮关闭模型时，它不起作用。
<code>C0</code>
<code>B1</code>
关于如何使用close按钮有什么建议吗？
提前感谢！
浏览 14提问于2018-12-14得票数 1
回答已采纳
是否有一种方法可以使用按钮或超链接从第一个轮播导航到第二个轮播项目，反之亦然，而不使用指示器？有人能给我一个解决方案来完成这项任务吗？非常感谢您的提前！
浏览 0提问于2012-08-12得票数 0
回答已采纳
我需要使用nativescript-angular2实现一个图像轮播。我查看了大多数插件，它们似乎对我不起作用。实现图像轮播的最佳方式是什么？我需要在我的应用程序上实现类似的东西。
<StackLayout>
.......Image Carousel.......
<GridLayout>
<Button>
<Button>
<Button>
<Button>
</GridLayout>
浏览 4提问于2017-03-20得票数 0
1回答
有没有人知道是否有可能在prototype中创建一个图像轮播，然后将这些图像从轮播中drag+drop到一个可丢弃的div中？
我在jCarousel上使用jQuery UI的可拖放插件也做了同样的事情。谢谢!
浏览 3提问于2011-06-22得票数 0
1回答
我有一个轮播列表，并运行每个轮播，基于轮播query，我做了fetchAssets()和fetchAssets()是Kotlin挂起的函数，但问题是当前一个函数完成时，每个函数都被调用，我想实现并发吗？
uiScope.launch {
carousels.mapIndexed { index, carousel ->
when (val assetsResult = assetRepository.fetchAssets(carousel.query)) {
is Response.Success<List<Asset>> -> {
if
浏览 1提问于2019-07-06得票数 0
我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。
当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。
演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？
这是我对旋转木马的实现：
<carousel [noPause]="false">
<slide *ngFor=&
浏览 2提问于2018-04-17得票数 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
2回答
我需要显示一个带有移动轮播的页面，在幻灯片上-不改变页面，但只在幻灯片上显示旋转木马中的项目(没有页面重新加载)。然后，在轮播中，这些项被链接到jqm对话框。我如何在没有iframe或embed的情况下做到这一点。但这需要在swipe上工作
浏览 0提问于2011-03-31得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
