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
10
votes
3 answers

Flexslider hide bullets below slideshow

I am using a very basic slider and I have 2 questions: I do not seem to find a property that hides the default button controls below the slideshow? I wish to have only the prev/next controls on hovering. If I cannot have option 1, will making my…
user2460054
  • 101
  • 1
  • 1
  • 3
10
votes
6 answers

How to hide images until AFTER jquery flexslider finishes loading

I tried to integrate wootheme's Flexslider on my site and it looks/works great except for when it is loading. When you refresh the page with the slider, before flexslider loads (about 1 second) the first slide appears very big and flashes to black…
user1945912
  • 597
  • 3
  • 9
  • 19
10
votes
4 answers

How to destroy/remove/unbind a Flexslider

There are a few discussions on the github page regarding the destroy method, and a couple questions on stack, but there hasn't been a straightforward answer or solution yet, that I was able to find after alot of searching. The current version of…
HandiworkNYC.com
  • 10,914
  • 25
  • 92
  • 154
9
votes
2 answers

flexslider with centered current image

am trying to build a Flexslider carousel - which has multiple images but the current image is centered, with the next/prev images to either side going off-screen - like this site http://www.ncad.ie/ So far I've got it with a single…
topiman
  • 501
  • 2
  • 6
  • 14
9
votes
5 answers

$(...).flexslider is not a function error

I'm developing a Joomla 3 template using the T3 Framework and I've included an IceCarousel module which uses the Flexslider plugin. However, the IceCarousel module isn't working because there is a javascript error that says: $(...).flexslider is…
user2668042
  • 103
  • 1
  • 2
  • 6
9
votes
2 answers

Move Flexslider navigation buttons to outside

Is there a setting to move both prev and next navigation buttons outside of flexslider, and always visible? Those buttons used to be located outside; somehow new release has changed the layout. I found an old question flexslider - controling div…
Win
  • 61,100
  • 13
  • 102
  • 181
9
votes
2 answers

Webkit border radius combined with css3 translate3D bleeding

I'm struggling with a problem on Webkit based browsers where if I add a border radius to a div and then apply -moz-translate3d to a ul inside (this is because on the original example I'm using flexslider slideshow), the border radius does not apply…
Ariel
  • 113
  • 1
  • 1
  • 9
8
votes
1 answer

jquery Flexslider manual controls is not working

I am trying to implement manual controls for the "flexslider" plugin. Here's my code:
8
votes
3 answers

Flexslider Plugin Slides Are out of Order

My problem is about Flexslider plugin. I don't know why slides are out of order. Considering my markup:
  • First Slide
  • Second Slide
  • Third Slide
I have…
Fighter Jet
  • 407
  • 1
  • 5
  • 19
8
votes
8 answers

Flexslider Slide Width Issue

I have a strange issue using flexslider. The Slide LIs don't get the correct width so that all slides are shown. This only occurs on first page load. As soon as I switch to another tab and switch back everything looks fine. Maybe a JS Loading…
Bene
  • 103
  • 1
  • 1
  • 6
8
votes
2 answers

Limit image width on portrait orientation images / preserve aspect ratio

I have flexslider set up on a responsive site. The slider I am creating takes both landscape and portrait orientation images. I have smoothHeight: true set so the height adjusts to fit the images. At the largest media query the flexslider container…
chalky
  • 97
  • 1
  • 6
8
votes
5 answers

Flexslider and Right-To-Left language support

I installed a template on WordPress that contains Flexslider. My language is written Right-To-Left (RTL). When the page is RTL, the Flexslider stops and no images appear. How can I resolve this issue?
Mate.8
  • 81
  • 1
  • 3
7
votes
2 answers

Flexslider - animation: "slide", animationLoop: "true" - Conflict

I have an issue with Flexslider 2 under some specific circumstances. I'm using it as a content slider. What I need is to have the animation SLIDE rather than fade, and loop the slides. I have 3 slides with div content and more lists inside them to…
darylknight
  • 233
  • 1
  • 3
  • 12
7
votes
3 answers

Automatically resize image to fit Flex Slider

I am learning how to use Flex Slider to make image sliders and carousels. However, Flex only seems to be good when all the images are of the exact same width and height. The problem can be seen in the following website:…
Flame_Phoenix
  • 16,489
  • 37
  • 131
  • 266
7
votes
2 answers

How to reinitialize flexslider for a dynamic loading

I got a problem with flexslider, I need to download my picture in base64 from a webservice. After the download is complete, I make an .append() to add my slide... But sometimes, everything is added perfectly but the slider doesn't reload correctly…
TheLazyFox
  • 1,065
  • 3
  • 11
  • 27
1
2
3
…
74 75