Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    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
    WP Themes
    @wpthemes2_twitter
    hi Please try newly launch SKT WordPress themes https://www.sktthemes.net
    joaorsfonseca
    @joaorsfonseca
    hello guys
    nice plugin this one
    i'm just wondering if it's possible to have it working with bootstrap 4
    joaorsfonseca
    @joaorsfonseca
    Priyarai
    @priyarai_1_twitter