Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Craig100 1062 posts 2325 karma points c-trib
    Oct 01, 2014 @ 17:03
    Craig100
    0

    BxSlider with Slimsy

    Wonder if anyone here could help with this Slimsy/BxSlider issue I posted in another place? : http://stackoverflow.com/questions/26144238/bxslider-implementation-issue-with-random-slide-control

    Cheers

    Craig

  • Jeavon Leopold 3005 posts 13193 karma points MVP 7x admin c-trib
    Oct 01, 2014 @ 17:10
    Jeavon Leopold
    0

    Hi Craig,

    window.slimmage.readyCallback is fired whenever Slimmage does it's Slimming (not just on initial load) which is often when the device is rotated or the browser is resized. As a solution you can do your own check to determine if it has already been called. e.g.

    var sliderActive = false;
    
    window.slimmage.readyCallback = function () {
        // Slider
        if (sliderActive == false) {
            sliderActive = true;
            if ($('.bxSlider').length > 0) {
                $('.bxSlider').bxSlider({
                    mode: 'horizontal',
                    captions: false,
                    auto: true,
                    speed: 5000,
                    useCSS: true,
                    responsive: true,
                    controls: false,
                    infiniteLoop: true
                });
            }
        }
    }
    
  • Craig100 1062 posts 2325 karma points c-trib
    Oct 01, 2014 @ 17:24
    Craig100
    0

    Thanks Jeavon but that caused other issues that stalled the slider when changing browser size. It also didn't stop BxSlider going nuts, which is the main issue I'm having. We can't go live the slider behaving like this (http://test.tighruaraidh.co.uk/)

    Thanks

  • Jeavon Leopold 3005 posts 13193 karma points MVP 7x admin c-trib
    Oct 01, 2014 @ 17:26
    Jeavon Leopold
    0

    It should be ok, did you try it with that check?

  • Craig100 1062 posts 2325 karma points c-trib
    Oct 01, 2014 @ 17:41
    Craig100
    0

    Yes. In Chrome it stalled the browser when resized. On the phone there was no difference. I'm convinced the issue is with BxSlider and not Slimmage. Pity couldn't get FlexSlider to work with it, it's a much better slider experience.

  • Jeavon Leopold 3005 posts 13193 karma points MVP 7x admin c-trib
    Oct 01, 2014 @ 18:09
    Jeavon Leopold
    0

    Strange, we have had very similar issues and have always resolved it using this method :(

  • Craig100 1062 posts 2325 karma points c-trib
    Oct 01, 2014 @ 18:34
    Craig100
    0

    When I make the browser smaller, the BxSlider just freezes. If I reload it, then it starts running again but if I then increase the browser size, the slider freezes again with the slider height stuck at it's previous height but the correct width image showing (albeit static). Not impressed with BxSlider at all. Is there really no way FlexSlider could be maybe called twice on page load to make Slimsy to it's stuff again so it shows the images full res?

  • Simon Dingley 1412 posts 3285 karma points c-trib
    Nov 27, 2015 @ 15:47
    Simon Dingley
    0

    Did you ever resolve this? Got a similar issue at the moment and bxSlider is not playing nicely with slimmage.

  • Craig100 1062 posts 2325 karma points c-trib
    Mar 19, 2017 @ 21:27
    Craig100
    0

    Hi Simon (2 years later!)

    Thought I'd try bxSLider again to see if I could get responsive images in the slider of my latest project. Have failed miserably again. Using this as the initiator, the console.log message never appears. All I see is an unordered list of images, one on top of the other :(

    $(function () {
        // Slider
        var sliderActive = false;
        window.slimmage.readyCallback = function () {
            console.log("Slimsy Ready");
            if (sliderActive == false) {
                sliderActive = true;
                if ($('.bxslider').length > 0) {                
                    $('.bxslider').bxSlider();
                }
            }
        }
    }
    

    Absolutely fine with FlexSlider, just can't use GetResponsiveCrop with it. Because FlexSlider hides the images on load, they're not there for Slimsy to calculate size, so no images appear :( I'm giving up once again and keeping FlexSlider in. Would be nice to have responsive images for the slider but it's not a deal breaker.

    Cheers

  • Simon Dingley 1412 posts 3285 karma points c-trib
    Mar 21, 2017 @ 12:18
    Simon Dingley
    0

    Hi Craig,

    I'll see if I can remember what project this was and take a look at how it was implemented in the end. Possibly, like you, by replacing the slider :(

    Cheers, Simon

Please Sign in or register to post replies

Write your reply to:

Draft