因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
我在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
我正在为一个客户做一个布局，在每个页面的顶部都有一个产品图标的旋转木马，这个想法是访问者可以从旋转木马跳到网站的那个部分。但是，当加载页面时，图标最初显示为列表，直到页面加载完成后才会对齐。
我尝试过将显示设置为无，然后在页面加载和轮播初始化后使用javascript显示它，但这似乎不起作用。
可以理解的是，随着下面的页面变得越来越复杂，问题变得越来越严重。有什么好主意可以尝试一下吗？
该页面使用Jquery & Bootstrap和Slick.js进行轮播。
以下是布局中的示例页面：
浏览 3提问于2014-11-20得票数 0
1回答
我在一个ionic项目中使用carousel ()。这是一个自定义的angularjs指令。我在一个屏幕上使用2个旋转木马。现在，我想要的是在更改第一个轮播时，第二个轮播也应该更新为新值。为此，必须重新加载/刷新第二个轮播自定义指令。有没有办法刷新/重新加载angularjs中的自定义指令？
浏览 0提问于2016-04-03得票数 1
回答已采纳
4回答
显示的替代方案:无移动设备
、、、、
我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。
问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。
似乎主要的选择是基于媒体查询的display:none，但我开始预见，如果整个桌面网站仍然在移动设备上加载，只有隐藏的元素，我将在加载时间上遇到大问题。
有没有办法完全排除基于浏览器大小的html？如果任何人有任何好的链接或文章，那将是伟大的。或者甚至只是意见，关于是否真的需要排除html。
谢谢
浏览 1提问于2013-01-22得票数 1
回答已采纳
我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 0
我发现这里有很多问题和我的问题是一样的。然而，这些并不能解决我的问题。我的代码与下面的代码完全相同
然而，下面的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
回答已采纳
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
2回答
我需要显示一个带有移动轮播的页面，在幻灯片上-不改变页面，但只在幻灯片上显示旋转木马中的项目(没有页面重新加载)。然后，在轮播中，这些项被链接到jqm对话框。我如何在没有iframe或embed的情况下做到这一点。但这需要在swipe上工作
浏览 0提问于2011-03-31得票数 9
我目前正在使用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
我也有类似的问题
我使用的是photoswipe + jquerymobile + phonegap，问题是当图库加载时，如果我转到另一个页面并单击后退按钮，则会在浏览器地址栏中的url末尾出现这种情况。
&ui-state=对话框
但它不会返回到轮播mode.so，当我再次单击“后退”按钮时，它会跳过轮播模式，将我带到画廊页面。
浏览 6提问于2013-03-04得票数 1
回答已采纳
2回答
我希望在加载twitter bootstrap carousel后执行操作。当准备好的时候轮播触发的一些事件，或者我可以点击的任何东西。
我正在尝试根据URL中的查询参数使旋转木马转到特定的幻灯片。现在，我的代码如下所示：
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
if
浏览 1提问于2012-09-21得票数 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
我真的不知道如何表达，所以很难搜索，但是如果我有一个大的应用程序，每个组件都在它自己的js文件中，那么在index.html中加载所有的组件文件就没有意义了。当用户在应用程序中导航时，他们甚至可能永远看不到大量的这些组件。
所以问题是，我们如何在需要的时候加载组件，在一个视图中一次加载所有组件呢？
在理想的情况下，当一个页面被路由时，它应该知道视图上的组件，并且知道它是否已经注册了该组件，如果没有，就去获取js文件，并在运行视图之前为我们自动注册。这将需要某种类型的配置，将此字符串组件名称指定为服务器上的此js文件。
真的存在这样的东西吗？
浏览 2提问于2017-10-18得票数 0
2回答
我已经对我正在工作的一个网站做了一些修改，现在，当我加载主页时，标题图像似乎在页面其余部分之后加载，留下空白，然后图像加载它将页面的其余部分推到它应该在的位置。这个网站是用HTML，CSS和JS从头开始创建的。这个网站是https://www.visionwebdesign.ca的，所以你可以看看。一旦网页在浏览器缓存中，它就可以正常加载。 标题实际上是图像轮播的一部分。下面是我正在使用的代码： Vision Web Design
浏览 12提问于2021-08-23得票数 0
1回答
我使用的是swiper js：https://idangero.us/swiper/api/，但问题是，当使用时，初始加载首先显示单个carousel项，然后开始显示其余项。它的表现就像一个小故障。 使之更清晰。如果我加载网站，我将只看到转盘中的第一个项目(在红色框中)，然后它将更改为布局，如图像中的4个项目。 我可以发现，如果我设置了max-width:25%;，就可以解决这个问题。但是，如果每个视图的轮播中有2个项目，那么css代码将固定宽度25%。 有没有办法解决这个问题？请帮帮忙 ?
浏览 12提问于2019-06-12得票数 1
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
2回答
有没有一种方法可以提取页面中导入的所有JS的列表，或者通过浏览器控制台？我不只是寻找那些通过导入的，而是那些由其他js脚本导入的。
因此，假设我有一个使用了requirejs的页面，并且在使用该页面时，加载了许多其他JS文件。如何列出这些导入的URL文件？
浏览 6提问于2020-11-11得票数 0
回答已采纳
这是我的主要组成部分，我是从迷你mongo数据库渲染av。我当前的问题是，当我将this.props.av发送到轮播中时，它不会加载。我确实注意到，道具只有在组件重新渲染自身之后才可见。在displayAvCarousel中，如果我传递avCarouselList数组，轮播将不会有任何问题。但是，我从静态数组更改为后端的数组时，加载轮播会出现问题。我不确定问题可能是什么。我在想，在挂载组件时，数据不会加载。有什么建议吗。谢谢
import React, { Component } from 'react';
import { Meteor } from 'meteor/
浏览 1提问于2018-09-05得票数 0
3回答
我正在使用Lazysize在我的AngularJs应用程序中延迟加载一个旋转木马。
如果我在图像上做懒惰，它可以工作，但我不喜欢的效果，因为图像加载的那一刻，用户点击箭头按钮更改图像，但有一些毫秒的图像是白色的加载。代码如下：
<div class="carousel slide">
<carousel interval="-10">
<slide ng-repeat="i in imagesList
浏览 2提问于2017-06-23得票数 14
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 0
1回答
这是我的标记：
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-pause="hover">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic"
浏览 0提问于2014-01-02得票数 2
回答已采纳
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
回答已采纳
我在Sencha Touch2/ Phonegap应用程序中遇到了一些问题，该应用程序在显示项目列表的carousel中管理方向更改。
当我打开carousel时，一切都是正常的。如果我更改了设备的方向(无论是在Chrome中通过Ripple插件还是在iPhone4S上)，布局都会正确地自适应。
更改方向后，当我滑动到下一张图像时，出现了问题。它已经被预加载，并且位于一个为前面的方向设置尺寸的容器中，因此布局被搞乱了。
请注意，如果我一直滑动到下一个图像布局是正确的，因为我的carousel只预加载了一个图像。
我设法截获了Ext.Viewport上的changeorientati
浏览 2提问于2013-03-19得票数 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回答
当hibernate加载一个包含带有@Lob注释的字段的对象时，这个字段将被急切地加载还是延迟加载？
浏览 2提问于2013-07-26得票数 4
回答已采纳
1回答
请参阅
密码: udolye
看起来好像theme.js文件没有“工作”--要么是加载中的问题，要么更有可能是某个地方的冲突。
这会导致主页图像轮播或下拉菜单不起作用。
在源代码中，这是链接的js文件。
<script src="http://cdn.shopify.com/s/files/1/0213/6386/t/4/assets/theme.js?489" type="text/javascript"></script>
编辑：
here is the function
function updateCartDesc(
浏览 1提问于2013-05-01得票数 0
1回答
我的网站上有一个jCarouselLite插件。我正在从一个jquery.load函数加载li。我垂直循环通过旋转木马，并有一个函数，当第一个项目返回到顶部时立即触发。
此时，我想用另一个ajax.load刷新数据。这就是我遇到问题的地方。一旦数据被重新加载，转盘就会停止旋转(或者更确切地说，是在后台运行)。
我尝试过的一种解决方案是尝试用另一个轮播重新恢复轮播：
$("#tableapp").jCarouselLite({})
线路。这似乎会导致两个轮播同时运行。然后第三次，第四次，以此类推。
因此，基本上我正在寻找一些方法来清除转盘，重新加载更新的数据，然后再次运行它。有什
浏览 1提问于2011-12-31得票数 0
3回答
我有一个加载速度相当慢的jCarousel。图像将首先显示为列表，然后再转换为旋转木马视图。这也会导致页面上的其他jquery脚本延迟。我已经尝试了预加载图像，但这似乎对我的图像变成旋转木马的速度没有任何影响。
有没有什么方法可以确保我的整个轮播在显示之前都是预先加载的？
浏览 1提问于2011-04-27得票数 2
回答已采纳
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回答
我在一台设备(专有)上有一台web服务器，它将所有文件作为：
Content-Type:text/html
我想用它来托管CSS和JS脚本文件。是否可以让浏览器忽略内容类型，并在使用时将文件加载为CSS或JS：
<link rel="stylesheet" href="css/main.css">
浏览 11提问于2016-09-13得票数 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
由于某些原因，我得到的js错误，即轮播不是一个函数，尽管我已经连接了所有的脚本，例如jquery.js和bootstrap.js，然后再调用script.js，其中我有轮播函数。
我的代码在网站上运行得很好，但当我移动到web应用程序时，我得到了那个错误，尽管元素是一样的。
因此，在母版页中，我在页眉部分有以下内容：
<script src="/assets/js/jquery.min.js" type="text/javascript"></script>
<script src="/assets/js/jquer
浏览 3提问于2016-01-22得票数 0
回答已采纳
2回答
jCarousel的羽状剪切蒙版
、、、、
我有一个用jCarousel连续滚动的图像集。一次只有一个图像完全显示，我希望能够“羽化”旋转木马的边缘，这样图像在穿越可见性时就会淡入淡出。
希望这是有意义的。
此外，旋转木马的运动有时似乎有点问题。在偶尔的页面加载中，似乎轮播初始化中的animation和/或auto参数没有正确实现，导致轮播要么比预期移动得更快，要么延迟更长，等等。
添加编辑:有没有一种方法可以代替真正的剪切蒙版，在图像移出旋转木马的焦点时使用jCarousel的回调函数对其执行fadeOut() (然后在图像移入焦点时执行fadeIn() )？
浏览 3提问于2011-08-17得票数 1
回答已采纳
1回答
我使用的是NextGEN图库模板Wordpress插件。
当我加载页面时，它首先加载一个非常高的空白文档。大约3000像素的高度。
然后这就消失了，它用正确的高度/元素加载了轮播。
我希望它不会重复加载，尽管我还不能确定它是在哪里以及如何发生的。我已经将它与另一个NextGEN图库模板(加载正常)进行了比较，FireBug显示它们具有相同的脚本/图像、CSS和加载时间。
浏览 1提问于2013-01-12得票数 1
3回答
有没有办法访问所有加载的require.js模块？
背景：
我想在所有模块加载后自动调用我的javascript模块的init()函数，参见没有require.js的我循环了我自己的模块存储并调用了每个init()函数。
现在我想用require.js来做这件事。我知道调用每个已加载模块(包括外部库)的my_custom_init_function_favoritecolor_petname_love123是很危险的。我希望这会比手动更新所有模块(以及这些模块的需求)的列表造成的麻烦更少。忘记一个模块init()比使用我的自定义函数名的第三方库更有可能(尽管后者可能更难调试)。
或者，有没有人
浏览 1提问于2012-08-01得票数 44
回答已采纳
当页面加载时，如果图像返回404Not found错误，我想删除包装div.item，这样轮播就像..我如何才能做到这一点？
这是我的逻辑..但没那么走运
$(window).load(function() {
$(".item img").error(function () {
$(this).parent('div.item').remove();
});
});
浏览 6提问于2016-06-09得票数 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
1回答
我以前用过很多jquery画廊，但这个不行。我在用Twitter bootstrap，我想知道是不是JS引导程序文件干扰了我正在使用的jquery画廊-> Unslider的JS文件。
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/half-slider.css" rel="
浏览 4提问于2015-01-20得票数 0
1回答
我在我的站点上设置了以下URL重写规则
RewriteCond %{REQUEST_URI} !^/(img|js|css|fonts)/
RewriteCond %{REQUEST_URI} !.html$
RewriteRule ^([^/]*)\/?$ $1.html [NC,L]
它运行得非常好，但是我似乎无法让它加载站点的主页，除非它明确列出。
除非我显式地编写了www.domainname.com/ & www.domainname.com，否则www.domainname.com/index就不能工作。
在我的模式中是否有什么东西是我遗漏的，以便在没有列出特定页面的情况下
浏览 2提问于2016-04-06得票数 0
回答已采纳
我使用的是从模板购买的自定义jCarousel JavaScript ( )；但是，当我尝试使用AJAX加载内容时，由于不能定义宽度或高度，轮播中断。如何才能在通过AJAX插入内容后重新加载jCarousel？
我花了4-5天在谷歌上搜索一个解决方案，看到数百人有类似的问题，但没有明确的答案。请帮帮我!
浏览 1提问于2012-10-28得票数 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
在原始代码中，您可以单击一个复选框来启用已禁用的按钮。
这是使用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
学生党，然后买了十块钱的那个1Mbps，1G，1核，50Gc云盘的云服务器，把一个网页放到服务器然后回到我自己的主机，通过ip跑这个网页，结果发现 里面的几张轮播图t的图片加载很慢。。要很久才能全部加载出来，是因为我买的服务器配置太低了所以访问的时候下载很慢吗？求指教。
浏览 1257提问于2018-04-25
回答已采纳
1回答
如何通过内容提供商访问联系人数据
、、、、
我想以轮播格式显示联系人。我已经写了一个应用程序来创建3D旋转木马视图使用开放的gl es库。现在，我想使用该应用程序显示联系人。如何将联系人数据加载到应用程序中？
浏览 1提问于2012-02-28得票数 0
2回答
我需要做一些类似的事情：
jQuery('#ImgCarousel').jcarousel({});
jQuery('#ImgCarouselCon').hide();
ImgCarouselCon是包装在carousel周围的容器div。使用这段代码，当轮播被隐藏时，它仍然被加载，并且我得到了错误。我查看了jCarousels文档，但找不到可以工作的回调函数。像onComplete这样的东西将是理想的，但不是骰子。
浏览 4提问于2010-01-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
