Tag: 画廊

清除和添加幻灯片/重新初始化flexslider?

如何从flexslider中删除所有幻灯片并添加新幻灯片? 或者如何销毁和重新定位flexslider? 基本上我想重置flexslider。 //Create hotel image array $(‘#carousel’).flexslider({ animation: “slide”, controlNav: false, animationLoop: false, slideshow: false, itemWidth: 210, itemMargin: 0, minItems: 4, asNavFor: ‘#slider’ }); $(‘#slider’).flexslider({ animation: “slide”, controlNav: false, animationLoop: false, slideshow: false, sync: “#carousel”, start: function (slider) { $(‘body’).removeClass(‘loading’); } }); flexslider的链接: http://www.woothemes.com/flexslider/ https://github.com/woothemes/flexslider 编辑: PLUNKR LINK: 链接 我下载了这个应该有破坏方法的版本: https : //github.com/woothemes/FlexSlider/pull/716 我认为这将是答案,但由于某种原因,我的旋转木马似乎不再工作后装入第二组,好像我没有再次重新初始化它?

jQuery Slider – 进度条

类似于: 带有进度条的Jquery滑块 我有这个滑块和进度条,但我希望进度条与“上一个”和“下一个”按钮同步。 因此,当您单击“下一步”时,进度条将从头开始。 http://jsfiddle.net/aidenguinnip/8rJws/ $(window).load(function(){ var currentIndex = 0;// store current pane index displayed var ePanes = $(‘#slider .panel’), // store panes collection time = 3000, bar = $(‘.progress_bar’); function showPane(index){// generic showPane // hide current pane ePanes.eq(currentIndex).stop(true, true).fadeOut(); // set current index : check in panes collection length currentIndex = index; if(currentIndex = […]

Fancybox画廊与jQuery的.live()

我正在尝试显示一个Fancybox图库,其中包含通过JSON加载的数据。 在加载并附加新HTML后,我能够正确加载Fancybox。 但是,当我附加rel =“somegroup”时,图库function不起作用,我无法迭代Fancybox中的图像组。 这是我的fancybox电话: $(‘.fancyness’).live(‘click’, function(){ $.fancybox(this, { ‘width’ : ‘auto’, ‘height’ : ‘auto’, ‘titleShow’ : true, ‘titlePosition’ : ‘over’ }); return false; }); 这是图像的样子: html += ”; html += ”; 如果我不使用.live,则gallery(rel)函数将正常工作,但不会对此数据有效,因为这是使用JSON加载的。 有没有人有任何想法? 我找不到其他有类似问题的人也没有太多运气。 谢谢。