Flexslider在加载页面时显示第二张幻灯片
Flexslider是一个流行的响应式幻灯片插件，用于在网页上创建漂亮的图片轮播效果。它可以帮助开发人员在加载页面时显示第二张幻灯片。
Flexslider的主要特点包括：
- 响应式设计：Flexslider可以自动适应不同屏幕尺寸和设备类型，确保在各种设备上都能正常显示。
- 幻灯片切换效果：Flexslider支持多种幻灯片切换效果，如淡入淡出、滑动、翻转等，可以根据需求选择合适的效果。
- 自定义选项：Flexslider提供了丰富的自定义选项，可以调整幻灯片的速度、动画效果、导航按钮、分页器等，以满足不同的设计需求。
- 支持多种媒体类型：除了图片，Flexslider还支持显示视频、音频等多种媒体类型，可以创建更丰富的内容展示效果。
Flexslider的应用场景包括但不限于：
- 网站首页轮播图：Flexslider可以用于网站首页的轮播图展示，吸引用户注意力，提升用户体验。
- 产品展示：Flexslider可以用于展示产品的图片，帮助用户更好地了解产品特点和细节。
- 广告宣传：Flexslider可以用于展示广告宣传图片，提升广告效果。
腾讯云提供了一款名为"云点播"的产品，它是一种基于云计算的音视频处理和分发服务。云点播可以与Flexslider结合使用，实现更强大的音视频展示效果。您可以通过以下链接了解更多关于腾讯云点播的信息：腾讯云点播产品介绍
请注意，本回答仅提供了腾讯云的相关产品作为示例，其他云计算品牌商也提供类似的产品和服务，可以根据实际需求选择合适的解决方案。
相关·内容
我正在以一种看起来非常简单的方式使用FlexSlider。然而，在它到达最后一张幻灯片并循环回到第一张幻灯片后，内容似乎“卡入”到位，就像在CSS之前加载滑块一样。
下面是一个简化的示例：
你会注意到，在滑块从第三张幻灯片循环回来之后(你需要一直看着它)，第一张幻灯片中的文本(其中写着“我们传递你的信任”等等)最初加载时没有样式，然后就像样式最终加载一样“跳”到适当的位置。但是当它第一次加载时，在循环之前，它是完全正常的。
下面是来自页面底部的脚本：
<!-- FlexSlider -->
<script defer src="assets/js/jquer
浏览 1提问于2015-01-28得票数 0
我正在使用一个组合网站上的多个滑块与一个短的slideshowSpeed值(650ms)。每个幻灯片都有播放/暂停悬停功能。我发现，在IE8中加载页面时，第一张幻灯片会过渡到第二张幻灯片，但是如果我将此值增加到1100ms，则第一张幻灯片会正常加载。
是否可以为IE8定义不同的slideshowSpeed？或者，是否有其他方法可以防止IE8问题？
$('.flexslider').flexslider({
controlNav: false,
directionNav: false,
slideshowSpeed: 1100, // 650ms causes IE8
浏览 0提问于2013-07-14得票数 0
实际上，有两个问题，都与挠性滑块有关，甚至可能是相互关联的。
我在我的站点中使用Flexslider ( )。我有smoothHeight属性设置为真，所以它允许滑块的高度在水平模式下平稳地动画。我有问题，当我重新加载页面，它首先加载第一个图像，然后它从0动画到图像高度。你可以看到这是多么恼人和不想要。有什么想法可以防止这样的情况：( a)它不动第一个图像，或者( b)它在加载第一个图像之前加载挠性滑块？
如果你去一个岗位。( )它显示当前的幻灯片号和总幻灯片号(例如。3/5)。但是，当我第一次来到页面，或者刷新页面时，它会重置滑块，而不会显示当前的幻灯片号。只是空荡荡的。如何使它正
浏览 2提问于2013-01-30得票数 0
回答已采纳
1回答
我使用的是柔性滑块- ，我有一个有37张幻灯片的滑块设置(是的，我知道这是荒谬的)。我需要一种方法，当页面加载时，它会随机地在幻灯片1和幻灯片37之间选择一张幻灯片，然后从那里继续进行。
例如：
页面加载并随机选择幻灯片# 17。在幻灯片17之后出现的下一张幻灯片应该是18，然后是19，然后是20等等。
下一次当页面加载时，它会随机选择另一张幻灯片。说这一次它装载了29。下一张幻灯片应该是30，31，32，等等.
我有逻辑到目前为止，我知道，我需要一个方法，首先让柔性滑块计数的幻灯片数量在当前滑块。然后，我需要得到这个数字，并选择一个随机数之间的幻灯片1和X#在滑块。
我在Flexslider
浏览 0提问于2013-11-11得票数 1
回答已采纳
1回答
我试图建立一个画廊网页使用Flexslider在一个与基金会建立的网站。如果我自己构建Flexslider，它工作得很好，但当我将它合并到Foundation的页面中时，它就停止工作了。我只能通过添加一些额外的CSS来强制加载初始图像来加载任何图像，但是缩略图并不控制显示哪张幻灯片(它们甚至不会显示为可单击的元素)，也不会显示任何导航控件。所有与Foundation和Flexslider相关的内容都是从一个工作示例中复制的，以避免输入错误。
浏览 0提问于2015-07-23得票数 4
我正在用挠性滑块尝试一些东西，在那里我有我的非活动幻灯片在0.5的不透明度，和主要的完全可见。视口设置为1280 is宽，幻灯片应集中在视口内。但是在页面的第一次加载中，直到滑块移动到下一张幻灯片并在之后滑动，li才会在视图中居中。
我对这个问题做了一个演示：
你会注意到，在第一次加载时，你会看到两张幻灯片的部分，直到它移动到下一张幻灯片，然后李中心就像它应该的那样。
为了演示的目的，我已经将柔性滑块设置为350px宽。我想要实现的是在第一次加载时以视图为中心的第一张幻灯片。
HTML：
<div class="flexslider loading">
<
浏览 3提问于2013-11-22得票数 0
在某些特定的情况下，我对有一个问题。我把它当做一个内容滑块。我需要的是有动画幻灯片，而不是淡出，并循环幻灯片。我有3张幻灯片，里面有div内容和更多的列表，以显示画廊类型的设置。我遇到的问题是，当我设置所需的选项时，滑块首先显示最后一张幻灯片，然后滑到幻灯片2，然后3，最后1。它不会显示第一张幻灯片作为第一张幻灯片。startAt参数不起作用。
当我将滑块设置为使用以下选项时，一切都运行得很好：
$(".flexslider").flexslider({
animation: "slide",
animationLoop: false
});
如
浏览 2提问于2013-05-17得票数 7
回答已采纳
1回答
我正在写一个页面，其中有一个4张幻灯片与大量的图像内容。为了提高加载速度，我们希望只加载第一个幻灯片。然后，在加载完它之后，我们将通过ajax调用获取其余部分，并将其添加为幻灯片。
Flexslider V2有一个.addSlide函数，但是我一直得到slider.addSlide is not a function错误。
任何帮助都将不胜感激。谢谢
这是我的密码。
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="_sl
浏览 2提问于2012-07-11得票数 5
回答已采纳
2回答
我有一个叫做flexslider的幻灯片插件，只有在页面完全加载和所有图像都已下载后才会显示。
我在这个页面上也有一个锚标签，它是在页面完全加载之前调用的。
这会导致锚定标记出现在错误的位置，因为页面高度已更改以适应幻灯片放映。
你可以明白我在这里的意思：
我已经复制了页面并删除了幻灯片，它似乎可以工作，但我需要它与幻灯片一起工作：
有人能建议我如何在页面完全加载后才加载锚点标记吗？或者是我遗漏了什么简单的东西？
谢谢!
编辑：
我认为这可能是flexslider加载页面的方式：
<script type="text/javascript">
浏览 5提问于2015-08-29得票数 1
我有一个动画gif，我正在懒惰地加载到的最后一张幻灯片中。
var timeout = setTimeout(function() {$(".slides img:last").attr( 'src', '/animation.gif')}, 5000);
使用带有animationLoop: false的FlexSlider应用程序接口将幻灯片放映设置为在最后一张幻灯片上停止
问题是gif只显示了一次动画，然后就停止了。gif图像被保存到循环中。我还尝试使用FlexSlider end回调重新加载gif
有没有办法保持gif循环？
浏览 0提问于2012-12-01得票数 0
回答已采纳
我用的是flexslider。我有一个幻灯片显示4个项目在同一时间。除最后一张幻灯片外，其他每张幻灯片都能正确显示。
最后一张幻灯片并没有走完全程。我的意思是，在我看到最后一张幻灯片之前，我可以看到所有4个项目，但当我到达最后一个项目时，我只看到其中的一部分。
我的滑块容器是900px wide。
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
itemWidth: 225,
controlNav: false,
move: 1,
浏览 0提问于2012-08-12得票数 4
回答已采纳
目前，我在一个Flexslider视图中有多张幻灯片。当我到达Flexslider幻灯片的最后一个视图时，一旦我触摸第一张幻灯片，它就会弹回到第一个幻灯片，以便将页面翻到下一个视图。有没有办法暂停它，而不是向后滑动？我只是想让用户有更多的控制权，而不是突然后退。
下面是我对Flexslider的设置：
$(document).ready(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
i
浏览 3提问于2015-02-05得票数 0
1回答
我有一个带有旋转木马的网页，但我不喜欢在移动设备上呈现时加载它。如何跳过移动端的初始化？
我想出了一些类似的东西(还没有优化)：
jQuery(function($){
if($(window).width() > 767){
$('.flexslider').flexslider({
directionNav: false,
controlNav: false
});
}
$(window).resize(function() {
if($(window).width()
浏览 0提问于2012-04-02得票数 1
1回答
我正在使用flexslider，我从一张幻灯片移动到下一张幻灯片，我一次可以看到3张幻灯片。当它到达最后一张幻灯片时，如果您继续单击向右箭头，我希望它继续显示幻灯片。而不是停止或跳回第一个，就像一个连续的循环。这似乎不管用。有什么想法吗？
$(window).load(function(){
$('.slides').fadeIn(600)
$('.flexslider').flexslider({
animation: "slide",
浏览 0提问于2013-03-19得票数 3
加载我的页面(例如：)时，在加载第一张幻灯片之前，Flexslider会快速闪烁第二张幻灯片和其他幻灯片的内容。
我看到其他人也有类似的Flexslider问题，但没有找到确切的情况。
这会不会是延迟加载的问题呢？我是个新手，不知道到哪里去查看是什么导致了这个问题。或者改变什么来修复它。
感谢您的指导！
下面是我在HTML中设置Flexslider的位置：
<!-- FlexSlider -->
<section class="flexslider home">
<ul class="slides">
浏览 16提问于2017-01-26得票数 0
3回答
我正在尝试获取以下内容：
通过使用Flexslider ()，我想根据加载的幻灯片获得不同的背景色。
我做了这样的事情：
<?php
$bg1="red";
$bg2="blue";
?>
然后，在我的flexslider中：
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide
浏览 3提问于2012-10-05得票数 0
回答已采纳
1回答
我们的挠性滑块上的最后一张图片的一小部分是在幻灯片加载后立即显示整个页面的长度。第一个图像设置为可见图像，所有其他图像设置为隐藏图像。插件被设置为在页面加载后运行。我想可能是页面上的其他原因导致了这一点，但是如果我禁用页面上的每个静态块，除了滑块之外，它仍然会闪烁。因此，我应该得出结论，那一定是滑块？这是在我们的分期站点上发生的一个例子。只要继续点击刷新就可以看到它-
<script type="text/javascript">
$j(window).load(function() {
var loopCount = 0;
$j("#caro
浏览 0提问于2015-08-13得票数 1
回答已采纳
1回答
我正尝试在WordPress中添加一个flexslider幻灯片，但是在包含了代码之后，在nothing显示中添加了幻灯片。查看firebug，我为幻灯片制作的div就在那里，但flexslider就是不能加载。我使用了TwentyTwelve主题的子主题，并复制子主题目录中的header.php进行修改。代码如下：
这是标签中的代码：
<link rel="stylesheet" href="css/flexslider.css" type="text/css">
<script src="https://ajax.g
浏览 1提问于2013-03-30得票数 0
我目前正在使用flexslider开发一个响应式网站。测试版本的地址如下：
当网站缩小到平板电脑/手机版本时，会出现一个图标，显示用户通过在滑块上滑动手指可以转到下一张/上一张图片。
我试过把这个图标变成一个链接，这样如果用户点击它，它就会转到下一张幻灯片。
我想通过插入
<a href="#" class="flex-next">Next</a>
flexslider的脚本将使用链接转到下一张幻灯片，但它不起作用。
有没有人知道如何让这个链接与flexslider一起工作？
提前感谢
浏览 3提问于2013-06-08得票数 0
回答已采纳
我使用的是flexslider和每个幻灯片lightbox 2图片库。
问题是，当我设置flexslider "animationLoop: true“时，lightbox会同时显示第一张和最后一张幻灯片库图像。
当我设置"animationLoop: false“时，这个问题就消失了。
我注意到问题来自于flexslider的“克隆”幻灯片。Flexslider“克隆”最后一张和第一张幻灯片-以创建“循环”效果。同时，lightbox会选择“真实”幻灯片+“克隆”幻灯片来生成所有必要的图库，并使第一张和最后一张幻灯片的图像加倍。
有没有人有简单的解决方案来解决这个问题-因为我
浏览 4提问于2014-09-03得票数 0
我需要在一个网站上实现一个Flexslider，并调整它的行为，使滑块垂直旋转，并始终显示六张图片，而不是一张。
让Flexslider垂直旋转是没有问题的。但是，我不能让它显示多张图片。
我注意到Flexslider div是作为所有幻灯片的包装器添加的，当.flex-viewport处于“幻灯片”模式时。
.flex-viewport具有由JavaScript动态添加的高度属性，该属性等于正在显示的图像的高度。
让.flex-viewport显示的不是一个而是多个图像的方法是什么？
下面是我想要达到的效果。感谢您的帮助！
浏览 2提问于2014-11-10得票数 0
在flexslider动画到下一张幻灯片之前，我在所有幻灯片的元素上添加了一个类.animate-out，问题是应用的css动画不会显示，因为flexslider会立即移动到下一张幻灯片。
我使用flexslider的before()回调函数添加了这个类，这个回调函数在设置滑块动画的函数中是，所以现在使用slider.pause()来暂停滑块已经太晚了(使用它将暂停下一张幻灯片)。
我已经在before()回调函数中使用alert()测试了动画，这个回调函数会暂停javascript的执行，我可以看到.animate-out添加的css动画。
有没有办法让滑块停止动画(稍后我会用slide.f
浏览 3提问于2013-03-26得票数 2
回答已采纳
我在一个模式窗口中使用Flexslider。当我打开模式窗口时，Flexslider以及next/prev导航都会出现，但第一张幻灯片直到我重新调整浏览器窗口的大小后才会加载，然后它会正常显示。
这个问题似乎在Firefox 11.0，Chrome 19.0.1084.56和Opera 12.02中是一致的。
要说明此问题，请单击第一个图像
我读到过jQuery不能处理隐藏元素，或者这就是问题所在吗？有解决办法吗？
浏览 1提问于2012-10-19得票数 1
3回答
这实际上只是对Flexslider 的一个回答，我正在使用下面粘贴的代码。我想改变它，只有在真正需要的时候才能加载图像。
之前和之后，我尝试了其他Flex滑块属性:但是它们在第一张幻灯片上造成了延迟吗？能帮我个忙吗？
$('#slider').flexslider({
start: function (slider) {
// lazy load
$(slider).find("img.lazy").each(function () {
var src = $(this).attr("data-src");
$
浏览 6提问于2013-09-28得票数 3
回答已采纳
1回答
我试图让多个幻灯片在一个页面上工作，但是IE7并没有发挥作用。
我已经确保了我的jQuery在选项的末尾没有尾随'，我还尝试了jQuery 1.7.2、1.9和最新的1.10。
我的html：
<div class="flexslider slidegallery">
<ul class="slides">
<li><img src="images/XXXXXXXX.jpg" alt="" /></li>
<li><
浏览 0提问于2013-11-11得票数 0
1回答
像往常一样，客户要求在圆孔中插一个方形的钉子。
我在几个页面上使用了Flexslider模块，但他们现在想要图像和内容幻灯片的混合。我以前没有在CMS上这样做过，但是在加载我的Drupal安装时遇到了问题。有什么解决办法吗？我添加了以下内容：
drupal_add_js(drupal_get_path('theme','themename').'/js/jquery.flexslider.js');
drupal_add_css(drupal_get_path('theme','themename'
浏览 14提问于2016-08-18得票数 0
5回答
我正在为一个项目使用r。我需要控制两个滑块在一个页面上与相同的控制。
一部分是主滑块，它将显示图像，第二部分是文本(在这种情况下，它将取自WP中的"the_excerpt“)。
基本上，这是我用来在一页上调用两张幻灯片的代码：
$(window).load(function() {
$('#main-slider').flexslider({
animation: 'slide',
controlsContainer: '.flex-container'
});
$('#sec
浏览 3提问于2012-04-16得票数 6
回答已采纳
1回答
我可以用这样的按钮在滑块中显示下一张幻灯片：
$('#mybutton').click(function() {
$('#myslider').flexslider('next');
});
我的问题是:当滑块滑行结束时，有什么方法可以让我执行代码？对.flexslider('next', function() { alert('animation finished'); })的调用看起来很自然，但似乎不受支持
浏览 4提问于2017-01-19得票数 0
回答已采纳
当页面加载时，我的滑块正在工作。
然后我调用ajax并在滑块中返回新的幻灯片，它就被停用了(当然)
有没有办法重新启动flexslider，让它与其他图像一起重新启动？
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
});
提前感谢
浏览 16提问于2017-05-16得票数 0
8回答
我在使用flexslider时遇到了一个奇怪的问题。幻灯片LIs的宽度不正确，因此无法显示所有幻灯片。这只会在第一个页面加载时发生。只要我切换到另一个选项卡并切换回来，一切看起来都很正常。可能是JS加载问题？！
截图：
flexslider.css
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {text-align: center; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is
浏览 0提问于2013-01-16得票数 7
2回答
柔性滑块插件幻灯片出现故障
、、、、
我的问题是关于Flexslider插件。我不知道为什么幻灯片不正常。考虑到我的标记：
<div class="flexslider">
<ul class="slides">
<li>First Slide</li>
<li>Second Slide</li>
<li>Third Slide</li>
</ul>
</div>
我的结果是：
第一张是第二张，第二张是第三张，第三张是第一张。
添加动画：“幻灯片”选
浏览 1提问于2014-01-27得票数 8
回答已采纳
1回答
我正在使用，在第4张幻灯片中，我有一段youtube视频，它使用
下面是第4张幻灯片的html结构
<li>
<div class="player" data-video-id="ASDsad65w9e52" data-start-at="0>
</div>
</li>
在检测到第4张幻灯片时，我只使用了'end‘参数
$('#home-slider').flexslider({
end : function(){
}
});
然后，当它到达第四张幻
浏览 0提问于2017-03-21得票数 0
1回答
我对Jquery plugin Flexslider有一个奇怪的问题。当从一张幻灯片到下一张幻灯片有变化时(仅在移动版本中，viewport <480)，所有其他元素似乎都会抖动。这个问题是在我使用Modernizr向页面添加移动响应菜单的脚本时出现的，但我不知道问题出在哪里。测试站点是
这是移动菜单脚本的参考
浏览 2提问于2013-02-06得票数 0
1回答
仅在页面刷新时触发jQuery
、、、、
在网站的滑块上工作。使用由woo主题提供的柔性滑块。我很难把滑块装上并正常工作。现在，在初始页面加载时，滑块中的图像按li顺序显示。我必须刷新页面以使幻灯片隐藏，滑块才能工作。
我现在的剧本：
放在滑块上方的身体里-
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
把它放在页底的脚上-
$(function(){
SyntaxH
浏览 3提问于2013-09-01得票数 2
回答已采纳
1回答
幻灯片修复和计时器
、、、
因此，我了解了如何从w3Schools创建幻灯片。幻灯片当前是手动的，这意味着用户必须单击以更改为另一张幻灯片。
我想做，这样用户就可以手动单击或等待计时器。假设每隔5秒，幻灯片将改变幻灯片.
我还需要修复JsFiddle上没有显示的问题。当页面加载时，幻灯片中的所有3幅图像都加载了，当用户单击箭头更改幻灯片时，他们返回到只显示加载时应该显示的幻灯片。我不知道为什么会发生这种事，但我无法解决。
因此，以下内容将在页面加载时加载
<img src="images/home/(myimagehere).png>
<img src="images/home/(myi
浏览 0提问于2016-06-09得票数 0
我在我的页面中使用了 flex滑块插件。
Below is my code for flexslider:
html:
<div class="flexslider">
<ul class="slides">
<li>Image 1</li>
<li>Image 2</li>
<li>Image 3</li>
</ul>
</div>
js: java script code
浏览 1提问于2016-04-20得票数 0
我正在使用flexslider ，现在我想要得到幻灯片的总数和sildes的数量。
number of the slide/total number of the slides
例如，如果我有5张幻灯片，我现在在第二张幻灯片中，那么这将是幻灯片下面的输出。
2/5
如果我点击“下一个导航”，它将变成
3/5
如果是"prev nav"；
2/5
在flexslider中是可能的吗？如果是，怎么做？
浏览 4提问于2013-02-01得票数 7
回答已采纳
我正在使用Drupal中的Flexslider和带有Omega3主题(html5+960网格)的视图幻灯片，但我不确定这对这个问题是否重要。
当在1024px宽的显示屏上观看IE8/9格式的时，它会在右侧留下一个巨大的间隙。。
我怀疑是flexslider js，因为它在页面加载后添加了负边距。
有什么想法吗？
浏览 2提问于2012-09-19得票数 0
1回答
我有一个可以更好地解释我的问题。我在一个列表中有几个项目(它们是测试页面上的图片)；当我单击其中一个项目时，使用flexslider的相应幻灯片会向下滑动。
问题是，在页面加载时，幻灯片一次显示所有幻灯片，大小比预期的要小得多。但是，如果我将焦点从窗口切换(例如，在浏览器选项卡之间切换或移动到另一个程序并返回)，幻灯片现在可以播放，幻灯片大小合适。这种情况在移动设备上也会发生。
当我检查firebug时，有一个适用于ul.slides的element.style规则：
transform: translate3d(-89px, 0px, 0px);
隐藏了其中一张幻灯片。此外，对于ul.sli
浏览 1提问于2013-05-08得票数 0
回答已采纳
3回答
这就是我正在工作的网站。我用过Jquery Flexslider。当我使用动画：“淡入淡出”时，它会永远停留在第一张幻灯片上，然后才会继续播放其他的幻灯片，这些幻灯片会以正常的速度旋转。
当我将它切换为slide时，它工作得很好，但在这种情况下我不想使用slide，因为有些图像在紫色圆圈的地方有空白。
下面是我的脚本：
<script>
//// Flexslider homepage slideshow
//
$(window).load(function() {
$('.flexslider').flexslider({
an
浏览 0提问于2012-08-24得票数 2
2回答
我遇到了一个问题，Flexslider在最后一张幻灯片后添加了额外的空白。
我创建了一个702px宽的div，一次可以显示两个342px宽的幻灯片，每个幻灯片之间有18px。我已经将'itemWidth‘设置为'360px’以允许额外的空间，并将'itemMargin‘设置为'0’。
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslid
浏览 0提问于2013-03-28得票数 2
我在一个固定宽度的站点上使用FlexSlider2，但我试图为“全屏”视图制作一个按钮。基本上，按钮所做的就是将主站点的容器div更改为100%宽度，并隐藏其他站点元素。
下面是按钮函数的代码：
$('.fullscreen-toggle').click(function() {
$('#container').toggleClass('full-width', 0);
$('#header').toggleClass('hide', 0);
$('#
浏览 2提问于2013-04-18得票数 0
我想循环幻灯片特定的次数，并在最后一张幻灯片上停止。
请帮帮忙。
$(document).ready(function() {
$('.flexslider').flexslider({slideshowSpeed: 5000});
});
浏览 0提问于2012-03-11得票数 1
回答已采纳
我已经在我正在构建的网站上实现了flexslider。出于某种奇怪的原因，标题只出现在第一张幻灯片上。
标题在其他幻灯片的标记中，但由于某种原因，它们没有显示它们应该如何显示，就像第一张幻灯片正确地显示一样。
我猜我对CSS做了一些错误的事情，可能是在什么地方定位？
感谢阅读:)
浏览 0提问于2013-06-22得票数 0
回答已采纳
我试着在我的网站上集成wootheme的Flexslider，它看起来/工作起来很棒，除了在加载的时候。
当您使用滑块刷新页面时，在flexslider加载之前(大约1秒)，第一个幻灯片看起来非常大，并闪烁到黑色，然后消失，然后出现旋转木马。
我认为图像的加载速度比jquery快？我如何隐藏图像unti jquery加载(就像在演示网站上，即使我刷新30亿次，这个问题在他们的网站上也不会重复，所有的加载都很优雅！- )
我在jquery之后加载了flexlisder.js，并从演示中复制了相同的html代码(以匹配也加载的.css文件。下面是我正在使用的初始化代码--也来自演示站点：
$(d
浏览 1提问于2013-02-02得票数 10
回答已采纳
1回答
我正在使用一个柔性滑块幻灯片在我的网站上，它是太快。我希望它能在每一张幻灯片之间停下来。有3张幻灯片。在幻灯片出现之前，阅读幻灯片上的所有文本并不容易。
下面的代码来自Functions.js文件。我怎样才能放慢幻灯片的速度，让它在每一张幻灯片之间停下来。
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: ".slider-holder",
sli
浏览 4提问于2014-03-04得票数 0
所以我有一个用Flexslider 2制作的滑块
在flexslider的Javascript文件中，我更改了：
animationLoop: true,
我的滑块初始化如下所示：
$(window).load(function(){
$('#flexslider').flexslider({
animation: "slide",
animationLoop: true,
itemWidth: 155,
itemMargin: 5,
pausePlay: true,
minItems: 6,
star
浏览 1提问于2014-04-09得票数 0
我已经使用了一段时间，我喜欢它，但我有一个定制的功能，我正在努力实现，我有点卡住了。
在每张幻灯片中，我都有两个按钮的文本，本质上是正确或错误的。单击其中一个按钮，取决于用户是否选择了正确的答案。不管他们选择什么，经过几秒钟的短暂延迟后，我希望幻灯片能够动画到下一张幻灯片。
我的柔性滑块调用如下所示：
$(window).load(function () {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
slideshow: false,
浏览 2提问于2014-09-10得票数 5
回答已采纳
1回答
我有一个flexSlider，使用它作为旋转木马，显示三张幻灯片，总共有7张幻灯片。我已经设置了外部div包装弹性滑块，以便中心幻灯片在屏幕中居中，并在调整屏幕大小时保持相同的大小，而外部幻灯片保持相同的大小，但根据屏幕的大小显示幻灯片的0%到100%。所以当你调整屏幕大小时，外面的两张幻灯片就会从屏幕上消失。这可以很好地工作。
我想在第一张和第三张(可见)幻灯片中添加一个类，用于设置这些幻灯片的不透明度，当旋转木马过渡到下一张幻灯片时，我想从旧的1和3张幻灯片中删除该类，并将其放在新的1和3张幻灯片上。这将创建中心(幻灯片2)是焦点的效果，但当幻灯片在屏幕上移动时，您将获得幻灯片的预览和后期
浏览 0提问于2013-05-24得票数 0
因此，我在上面的新站点上使用了这个程序，并且尝试了这个线程中显示的所有解决方案： (当然是分开的)，但是问题仍然存在于Chrome和Safari中。然而，在FF和移动设备上，东西装载得很漂亮(我还没有在PC上测试过)。现在，我找到了阿尔弗雷德·拉尔森的解决方案。我试着用和不调整js中的initDelay，因为在我的例子中，第一张幻灯片根本没有显示--它直接跳到了第二张，所以我试着延迟，这样我至少可以看到第一张幻灯片。目前，initDelay设置为1400‘s，这是不可取的，但在我能够解决更大的加载问题之前，这是我的最佳选择。
下面是上面引用的flexslider.css的代码：
.flexs
浏览 4提问于2014-03-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
