Stack Overflow
Stack Overflow

Questions tagged [flexslider]

FlexSlider is a fully responsive jQuery slider plugin.

Overview

FlexSlider was built to serve up the best responsive jQuery slider around. I had built a few implementations of responsive sliders on different client projects and noticed that there was a glaring hole for plugin support with the concept. I wanted to build a plugin that would serve the newest of beginners, while providing seasoned developers a tool they could use with confidence. What has come forth is this, FlexSlider. I plan to maintain this plugin and provide support to users implementing FlexSlider into their sites. Responsive web design can be tricky, but I hope that FlexSlider serves to uncomplicate the process, just a little bit.

Features

  • Simple, semantic markup
  • Supported in all major browsers
  • Horizontal/vertical slide and fade animations
  • Multiple slider support, Callback API, and more
  • Hardware accelerated touch swipe support
  • Custom navigation options
  • Use any html elements in the slides

Homepage: FlexSlider

1123 questions
70
votes
7 answers

Why is width: 100% not working on div {display: table-cell}?

I'm trying to vertically and horizontally center some content overlaying an image slide (flexslider). There were some similar questions to this one, but I couldn't find a satisfactory solution that applied directly to my specific problem. Because…
timshutes
  • 2,259
  • 3
  • 22
  • 28
22
votes
6 answers

Flexslider slow image load

I am using Flexslider on a website I'm building. I like the responsiveness very much and thats the reason I don't wan't to change to nivo-slider or something similar. The negative about it is that it doesn't display the first image before all…
Alfred Larsson
  • 1,339
  • 1
  • 9
  • 16
20
votes
6 answers

Control Flexslider from outside element.

I have a Flexislider that I would like to control from outside the element. I tried this: var myslider = $('.slider').flexslider({ animation: 'slide' }); $('button').click(function () { myslider.flexAnimate(3)    //Function: Move slider -…
Sebastien
  • 2,607
  • 9
  • 30
  • 40
19
votes
5 answers

Fixed size of Flexslider

I'm using Flexslider to pull product images of varying sizes from an API. I've been throwing them into Flexslider's
    , but these varying image sizes don't play well. Flexslider nicely animates when images have different heights, but I want to…
Shawn Walton
  • 1,714
  • 2
  • 14
  • 23
18
votes
1 answer

How do I stop auto sliding in my flexslider?

How to stop auto sliding in a flex slider? I have loaded that slider in my mobile web page. When the page is opened, it slides to the next image without any slide or tap event. How to stop this auto slide transition? I need to make it working only…
krishna moorthy
  • 359
  • 1
  • 2
  • 14
17
votes
6 answers

Lazy Loading in Flexslider

I am trying to get lazy loading working for Flexslider by using Lazy Loading jquery plugin and following the instructions on this site: http://www.appelsiini.net/projects/lazyload I am loading the plugin script and don't see any errors on console. I…
Encore PTL
  • 8,084
  • 10
  • 43
  • 78
13
votes
2 answers

Flexslider only shows last slide until it cycles through all slides, but only with fade animation

This one has me stumped. I've used Flexslider with no issues many times, but with a site I'm building now it just refuses to work properly. The last slide will show on load and stay visible until it has cycled through all of them, at which point…
Gabriel Luethje
  • 387
  • 5
  • 14
12
votes
3 answers

Flexslider captions showing below not on top of image

I have seen this asked before on Stackoverflow but cant find an precise answer. I just want the captions to overlay on my image. Instead they seem to just fall below. I am assuming this is probably a positioning issue, but can not find any other…
Djacksway
  • 447
  • 4
  • 7
  • 16
12
votes
6 answers

Flexslider - different slideshow speed on each slide

I'm using Flexslider and have been asked to display each slide at a different time depending on how much content it has, so fast for a short sentence and slow for a paragraph. How can I set this up when flexslide allows just 1 Slideshowspeed value.…
Rowan
  • 121
  • 1
  • 1
  • 4
11
votes
4 answers

How to show the next slide when you click on the image in flexslider

I'm using the flexslider plugin and i wanted to know if there is an easy way (apart from changing the core of the plugin which is what i am going to do if i don't find an easy answer) to show the next slide when you click on the current slide. I set…
Nicola Peluchetti
  • 76,206
  • 31
  • 145
  • 192
11
votes
2 answers

Flexslider 2 direction nav pointers missing from download

Where can I get Flexslider2's image file for the direction nav pointers: bg_direction_nav.png? Couldn't work out why I kept getting strange text like 'Fl' or 'Fi' in place of the arrows on the slider. Checking through everything, I have found that…
lizz
  • 111
  • 1
  • 1
  • 3
11
votes
2 answers

Flexslider change buttons

is there anyway I can change the little navigate buttons into text buttons on flexslider? I can't find it anywhere on internet.
user2257323
  • 111
  • 1
  • 3
11
votes
2 answers

How do I get the 'Flexslider' current image number into a variable which I can use in a function?

I am using flexslider. There is an example under the advanced tap on this page (in the section "The new, robust Callback API" where they use slider.currentSlide to get the number of the current slide. How can I access this value in a completely…
byronyasgur
  • 4,627
  • 13
  • 52
  • 96
10
votes
1 answer

Flexslider Custom Next / Previous Buttons

I used to use the jQuery Cycle plugin as I liked how easy it was to customise, such as inserting custom HTML elements of my choice and simply assigning them 'next' or 'previous' button functionality. I can't find a way to do this in Flexslider…
user1049944
10
votes
2 answers

Howto: Pause and Play flexslider based on click event (jQuery)

I am trying to bind the slider.pause() and slider.play() events to my buttons (see code below). It works unless I click the play button twice or I click the play button while the slider is running. Then it seems to run another instance (or…
sleeper
  • 3,446
  • 7
  • 33
  • 50
1
2 3
…
74 75