Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Tyler Smith
    @tylerxo
    If you want all slides to be the same height, that would be the natural behavior for the slider animation. So, smoothHeight would just be removed, or set to false. If you are wanting them to be the same height, then you don't need height animation between slides anyway. :) @RedPlugDesign
    RedPlugDesign
    @RedPlugDesign

    I am not explaining well. Yes, the slides are the same height without smoothHeight, but the content is not.

    <div class="wrapper flexslider-thumbs">
    <div class="flex-viewport" style="overflow: hidden; position: relative;">
    <ul class="slides">
    <li>
    <div class="wrapper">
    <div class="left">
    <h1></h1>
    <p></p>
    <h3></h3>
    <p></p>
    <a></a>
    </div>
    </div>
    <div class="right">
    <a><img/></a>
    <ul>
    <li><span></span></li>
    </ul>
    </div>
    </ul>
    </div>
    </div>

    I need .left & .right to be the same height on all the slides. I have tried equal height JQuery, but nothing works well, and breaks on resize.

    Tom Cavill
    @cavill
    Does anyone know of a fix for issue #787?
    Vladimir Rodríguez
    @fizzvr
    nice!
    mykg4orce
    @mykg4orce
    hello
    woo
    Rian Ariona
    @ariona
    hello there?
    David Sahlström
    @soulstyle
    Hi Woo!
    David Sahlström
    @soulstyle

    I'm using FlexSlider on a lot of my sites and it usually works very well - Thanks a lot!

    This time I'm trying to set up a vertical slider and it doesn't really behave as I expect.. I know the functionality is limited for vertical sliders. I followed the docs few mentions about vertical - each item have to be fixed height, no carousel, etc. The problem is, the slider never stops scrolling even when it reaches the botom of the <ul>. It just continues - only showing white space.

    How do I get around this? Is this a know issue? Couldn't find any info about it Googling for 45min.

    Thanks, David

    Philip Morkisch
    @Webastronaut
    What about tryin Slick for your purpose (sorry woothemes)? It has a "vertical" option for sliders. Check: http://kenwheeler.github.io/slick/
    Jeffrey Pearce
    @jeffikus
    Hi everyone, just letting you know that I am now currently working on the FlexSlider project. I've started by pushing out a fix for the Page Visibility API and have packaged the 2.3.0 branch for release. I'll be fixing more issues and closing unnecessary issues as well over the course of the next few weeks! :smile: looking forward to making it even more awesome!
    Jeffrey Pearce
    @jeffikus
    Also, bear with me as I get up to speed, there's a lot of ground to cover :)
    David Hudson
    @hudsonfoo
    Does anyone know if there's an event listener for FlexSlider so I can run code after a slide motion is completed?
    Tyler Smith
    @tylerxo
    @hudsonfoo you have access to before, after, and end (end of slides) hooks https://github.com/woothemes/FlexSlider/blob/master/jquery.flexslider.js#L1139
    Caspert
    @Caspert
    Hi guys, I came from the github site of the flex slider to this chat. I was wondering if you can change the position of the "flex-direction-nav” before the ol of “flex-control-nav flex-control-thumbs”? Is this possible to change the position of the generated HTML?
    Tyler Smith
    @tylerxo
    @Caspert If you can't use CSS to position the elements the way you'd like, you could use the start function to re-order the elements once the slider is initiatied
    Derrick Hammer
    @pcfreak30
    Does anyone not seem to care about merging the bower prs to the main repo? Im having to fork it for an app due to it still not being present..
    Jeffrey Pearce
    @jeffikus
    Hi everyone, an announcement regarding FlexSliders future development and existing GitHub Issues -> http://develop.woothemes.com/flexslider/2015/03/18/flexslider-future-forecasting/ also, we will be using this blog going forward for any announcements about the library!
    Tyler Smith
    @tylerxo
    @jeffikus nice! :)
    Victor M Ruiz
    @Victor89ruiz
    Hi everyone I been Love the new updates with flex slider. My question is I'm targeting the slider url from the homepage to direct me to that specific slider. It takes me to the slide but the icons underneath don't match the slider on top.
    This is what I have for the js:
    var index = 0, hash = window.location.hash;
    if (hash) {
        index = /\d+/.exec(hash)[0];
        index = (parseInt(index) || 1) - 1;
    }
    
    $("#peopleslider").flexslider({
    
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        directionNav: false,
    
        startAt: index, //now foo.html#3 will load item 3
        after:function(slider){
            window.location.hash = slider.currentSlide+1;
            //now when you navigate, your location updates in the URL
        }
    });
    
    $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
    
        prevText: "<i class='fa fa-caret-left fa-lg'></i>",
        nextText: "<i class='fa fa-caret-right fa-lg'></i>",
    
        itemWidth: 175,
        itemMargin: 0,
        minItems: 1,
        maxItems: 5,
    
        asNavFor: '#peopleslider'
    
    });
    How do I link the #peopleslider to #carousel if I add the sync function it breaks it. Any thoughts??
    Heidi Jermyn
    @heidipj
    Hi all, has anyone managed to come with a solution to putting the thumbnail navigation to the right hand side of the slider show? I have tried with css but not getting too far - is it possible?
    Tyler Smith
    @tylerxo
    @heidipj that might be most dependent on whether your thumbnail navigation needs to slide/scroll as well. if it doesn't need to slide, that should be definitely possible through a mixture of absolute positioning and padding on your slider container.
    Heidi Jermyn
    @heidipj
    Hi @mbmufffin :) Thumnail navigation will have a restricted number of items - so need need for that bit to scroll. I am not a complete idiot when it comes to CSS - but I'd been tweaking it and wasn't getting anywhere with it. I wondered if anyone had actually achieved it...
    Tyler Smith
    @tylerxo
    @heidipj hi :) if you can muster a jsfiddle to show me whereabouts you're at with the code, I could poke at it.
    jinleileiking
    @jinleileiking
    hi, can flexslider add some text at the pic ?
    Heidi Jermyn
    @heidipj
    @mbmufffin thanks for offer of help - I've decided to go a different route :)
    Mochamad Iqbal Dwi Cahyo
    @mochadwi

    there's a bug that check the .flexslider container width instead .flex-viewport

    if someone try to customize the .flex-viewport manually (custom width)
    the default viewport just check the .flexslider width, not the .flex-viewport

    e.g:
    .flexslider = 953
    .flex-viewport = 289

    transform: translate3d(-289px, 0px, 0px)

    Jeffrey Pearce
    @jeffikus
    Hi guys, just letting you know I'm on leave for a week -> http://develop.woothemes.com/flexslider/2015/04/24/flexslider-milestone-2-5-0-update/
    Mochamad Iqbal Dwi Cahyo
    @mochadwi

    hello guys, any thought how to hide flex-prev on the first slide / flex-next on the last slide?

    I'm using start() callback, it worked. but it didn't going well when I did this:

    first slide (the flex-prev is gone :smile: ) -> click next -> and then, click prev (the flex-prev is there)

    Benedikt Gregor
    @scsskid
    why not by using the assigned css .flex-disabled ?
    Vassil Vassilev
    @vgvassilev
    Hi, I'd like to disable flexslider mouse wheel events until it gets clicked on. Is that possible?
    Ghost
    @ghost~552053f715522ed4b3de5c59
    This message was deleted
    How can I make an event handler for mouseenter&mouseleave for each slide. I use jquery event but sometimes the mouseleave is not working or is working after some minutes. What I'm doing wrong?
    Kyle Bamping
    @Kbam7
    Hi, here's a silly question: Is FlexSlider usable in WordPress as a plugin?
    Clay Reiche
    @clayreiche
    Uggh... been fighting this for days. I am dynamically loading images from multiple ajax calls, I have gotten the slider and carousel to load properly but the "asNavFor" has broken
    slider and carousel are sync'd fine, I just can't click on the carousel images and have the slider animate to the proper image
    ...anyone have any ideas?
    Raymon S
    @raymonschouwenaar
    I have something to add for the readme file.... It is for RTL support. Some flexsliders doesn't work with the <body dir="rtl">.... So you can fix that via:
    body[dir="rtl"] .flexslider {
    direction: ltr;
    }
    I didn't saw that in the readme ;)
    malikmohsan
    @malikmohsan
    How i use Masonry in my aurelia application?
    Rishabh Gupta
    @rishabh135
    Hi can anyone post a sample fiddle example of this slider ?
    Mohammed Shannaq
    @mshannaq
    Hello, it there any possible way to show the images in flexSlider from right to left
    hellboy81
    @hellboy81
    Hi
    How can I get images the same height ?
    At the moment `itemWidth is used
    but images are shown in distinguish sizes