ajmalafif
1/20/2013 - 12:31 PM

[WP] - Flexslider customizations

[WP] - Flexslider customizations

slider.js
content_copyfile_download
$(window).load(function() {
    $('.flexslider').flexslider({
directionNav : false,
 animation: "slide",
 start: function(slider) {
    $('.slides li img').click(function(event){
        event.preventDefault();
        slider.flexAnimate(slider.getTarget("next"));
    });
}
    });
  });
sfull-screen.md
content_copyfile_download
  • Rendered
  • Source
$(window).resize(function() {
  var ww = $(window).width();
  $('.flexslider ul li').each(function() {
    $(this).width(ww);
  });
});
flexslider.md
content_copyfile_download
  • Rendered
  • Source

Flexslider (slider)

Click to slide

More on it here:http://stackoverflow.com/questions/9570580/how-to-show-the-next-slide-when-you-click-on-the-image-in-flexslider

Custom HTML for Next/Previous

https://github.com/markirby/FlexSlider-ManualDirectionControls

Full screen resizing issue

FlexSlider v2.1 full screen slides and browser resize problem

CSS on FlexSlider class?!

https://github.com/woothemes/FlexSlider/issues/373

(Tutorial) Fashion Flexslider with caption

http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html

Fullscreen responsive slider

Codrops
SuperSlides