Tag: 幻灯片

使用jQuery幻灯片显示文件夹中的图像: 我的Jquery幻灯片脚本看起来像那样 $(function() { $(‘#bg’).crossSlide({ sleep: 3, shuffle: true, fade: 1 }, [ { src: ‘core/design/images/bgs/1.jpg’}, { src: ‘core/design/images/bgs/2.jpg’}, { src: ‘core/design/images/bgs/3.jpg’}, { src: ‘core/design/images/bgs/4.jpg’} ]) }); 如你所见，我逐一宣布了图像的路径。有没有办法扫描文件夹的图像并一次添加所有。也许，它可以用PHP完成？

在页面加载时触发按钮: 我有这个function $(“a#”).click(function() { jQuery(“#”).slideToggle(400); jQuery(“#featurepagination”).toggle(); jQuery(“#featuretitlewrapper”).toggle(); return false; }); 这是我想在页面加载时触发的按钮 <a href="#" id="featuretoggle" onclick="changeText('ShowShow Features’);”>HideHide Features 我想在页面加载时触发该按钮，以便它开始打开但随后滑动/关闭

响应式全屏CarouFredSel幻灯片: 这是一个自我问答。我一直在用令人惊叹的CarouFredSel滑块插件开发很长一段时间了。每次我必须制作一个需要在宽度和高度上响应的全屏幻灯片时，我忘了怎么做。所以我为我和所有其他与之斗争的人做了这个问答。所以，这是一个问题：你如何制作全屏，反应灵敏的CarouFredSel幻灯片？

如何销毁/删除/取消绑定Flexslider: 关于destroy方法的github页面上有一些讨论，有关堆栈的几个问题，但是还没有一个直截了当的答案或解决方案，我在很多搜索之后能够找到。当前版本的flexslider http://www.woothemes.com/flexslider/没有destroy方法。在说明中它说前1.8版本，但使用该方法不起作用。我需要取消绑定flexslider元素，然后在另一个元素上调用.flexslider（），因为我不希望同时运行多个滑块。我怎样才能做到这一点？注意：删除导航元素，删除类，解开UL并删除“.clone” li是不够的！我想完全将滑块元素恢复到原始状态！现在我在初始化flexslider之前克隆滑块，然后使用.after .after()在滑块后插入克隆，然后删除滑块。但这对我来说似乎是一种非常沉重的态度。 $projCur.addClass(‘flexslider’).flexslider({ animation: “slide”, animationSpeed: 500, slideshow: false, manualControls: ‘.dot-nav li a’ }); 谢谢！

尝试使用jquery循环幻灯片显示窗口大小调整: 我正在尝试在带有jQuery循环幻灯片的页面上运行JavaScript窗口resize脚本但是我遇到了一些我似乎无法解决的错误。它会在页面加载时调整第一个图像的大小，但会忘记后续幻灯片的新高度/宽度属性。我可以在使用jQuery之前和之后再次设置这些，但在resize之前，图像总是以全尺寸闪烁一小段时间。 jQuery.cycle是否将幻灯片调整为原始大小？如果是这样，我该怎么做呢？ $(document).ready(function () { $(‘.slideshow’).cycle({ fx: ‘fade’, speed: 200, timeout: 1000, pause: 1, before: function (currSlideElement, nextSlideElement, options, forwardFlag) { resize(); }, after: function (currSlideElement, nextSlideElement, options, forwardFlag) { resize(); } }); $(‘.slideshow’).find(‘img’).css(“height”, “0”); $(‘#image’).hide().idle(1000).fadeIn(); resize(); }); $(window).resize(function () { resize(); }); function resize() { var theheight = window.innerHeight; var thewidth […]

搜索延迟加载jQuery幻灯片或：黑客交叉幻灯片: 我试图获得一个jquery幻灯片来显示来自flickr，淡入淡出和滚动的图像。一切正常，除了我真的需要延迟加载图像（只需按需加载图像）。我目前正在使用jquery.cross-slide（ http://tobia.github.com/CrossSlide/ ），但不幸的是，tobia不再使用该插件，也不想回答问题。我找到了jquery.cycle的一个例子，其中应用了图像延迟加载（请参阅http://malsup.com/jquery/cycle/add3.html ）是否有任何机会将此function侵入交叉幻灯片的来源或者是由于插件的架构，这是不可能的？请参阅此处的代码： https ： //github.com/tobia/CrossSlide/blob/master/jquery.cross-slide.js#L131

链接href =“＃”在与jquery slidetoggle 一起使用时滚动页面到顶部: 可能重复：当点击一个触发javascript的链接时，如何阻止网页滚动到顶部？我正在使用jquery的slidetoggle来显示/隐藏div。控制滑动的元素是文本链接（中的一些文本），其中包含href =“＃”，因此它看起来像一个链接（下划线，光标更改）。问题是，当点击链接时，除了滑动效果，页面滚动到顶部。我尝试用href =“”替换href =“＃”，但是禁用了div显示/隐藏效果。我想我可以添加标签Name =“somename”，然后将href设置为href =“＃somename”，但我宁愿不使用这样的技巧。为什么href =“＃”将页面滚动到顶部？任何想法都将受到高度赞赏

在Firefox中，jQuery动画不稳定且断断续续: 我喜欢认为我不是假人，但我不能让我的jQuery水平幻灯片放映动画，特别是在FireFox（在Mac上）。有人有建议吗？动画正在这样做： $(‘#lookbook’).stop().animate({left: -((lookbook-1)*825)+’px’}, { duration: 800, complete: cap_fade(1)}); 示例链接： http://mayfourteenth.com/w/lookbook?preview=1

自动播放JQuery幻灯片使用cbpFWSlider: 我正在使用cbpFWSlider，它似乎没有包含autoplay选项。我对Jquery很新，并且已经Google搜索到了天堂，但尚未找到解决方案。这是可以添加的东西吗？开源脚本在这里： http ： //tympanus.net/codrops/2013/02/26/full-width-image-slider/

jQuery：每隔5秒，自动点击一个列表中的下一个图像？: 我有一个给定的图像列表，以缩略图forms显示：我使用jQuery，这样，当用户点击图像时，它会替换div中的特色图像（我从另一个StackOverflow Ask中获取）： $(‘#thumbs img’).click(function(){ $(‘div.feature-photo img’).hide().attr(‘src’,$(this).attr(‘src’)).fadeIn(); }); 我的问题是：有没有办法让它成为幻灯片？也许每5秒自动“点击”下一张图片？ setInterval在这方面发挥了作用吗？我试图对它真正基本，并避免使用比我更多的插件。（但如果没有其他办法，我会考虑..）非常感谢任何帮助。