Not function auto-start (probably JS issue)

  • Resolved oceansharpener

    (@oceansharpener)


    6 years, 2 months ago

    This is a site I’m deving currently. I know I have a JS issue, I just can’t track down how to fix it. Web, really isn’t my area, I am a sysadmin with free time.

    My issue is metaslider when I put it on a page, it will not autoplay correctly. I know there has to be a conflict with another embed script, which I need, when I remove the embed script the slider will work fine. I’m using SiteOrigin with a html embed. Script looks like this with some info redacted:

    <script data-hide_cover_photo="true" data-hide_disclaimer="true" data-location="XXX" data-api_key="XXXX" id="singleplatform-menu" src="https://menus.singleplatform.com/widget"></script>

    I’m not sure how to replicate this, but if I either leave the page open a long time, or scroll around, eventually (and seemingly randomly) metaslider will start playing.

    It doesn’t seem to be a browser specific issue, or a blocking issue I can find. All I see for error in a browser dev console is just that I’m not using SSL, since this is just a dev site right now. I’m 100% positive its something conflicting with that embed script, but I have to have that script. Not sure what to do to make this all work correctly. Any help would be very appreciated.

    Edit: Also I am aware that singleplatform does have a wordpress plugin. I can’t use it though, since this site hosts multiple locations. As of now their plugin does not support more than 1 location, so I am unable to use it.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter oceansharpener

    (@oceansharpener)

    6 years, 2 months ago

    I was able to make it work. I read something about using flexslider as a fix for another issue. I was using flex slider, I just changed it to R.Slides and now it functions just fine.

    Thread Starter oceansharpener

    (@oceansharpener)

    6 years, 2 months ago

    Ah well dang….

    That “fix” does work. Then I upgraded to metaslider pro, because these was some features I needed. The navigation options won’t work on anything except flex slider, which is the only one I can’t use.

    I don’t know what’s jamming up. But the auto play won’t start until you click somewhere on the page, anywhere, doesn’t matter. Then it will start to play.

    Kevin Batdorf

    (@kbat82)

    6 years, 2 months ago

    Hi @oceansharpener,

    Some of the pro features are limited to specific slider library types unfortunately. Usually R. Slides will work though when FlexSlider doesn’t.

    As for the FlexSlider issue, if you can put it on a test page somewhere I can take a look.

    What errors are in the browser console?

    Thread Starter oceansharpener

    (@oceansharpener)

    6 years, 2 months ago

    I just saw there was an update for metaslider, which I just installed.

    This whole site is still in dev, so I will link a few pages with a few configs I have.

    This page is using flex slider, and the flim strip. Flex slider seems to populate everything just fine, it just won’t auto play until you click on the page somewhere: http://dev.live2dinemanagement.com/300-first/

    This page is using RSlides, with film strip, but it does not show it. Previous to the update, I would just get “dots” for navigation no matter what I picked. http://dev.live2dinemanagement.com/the-redwood-room/

    This page is what I am using as default right now, it’s just RSlides with everything else hidden. http://dev.live2dinemanagement.com/hefe-rojo/

    I’m talking about the slides for all the pages that are not being used as the header. The header slider I just have the 1 image on for now.

    Print JSS, CSS, and No Conflict are all enabled. I tried various combinations that either had no effect or just broke it even more.

    The only console errors I see are from my menu script embed, which I am certain is causing a conflict. For instance, don’t click the little camera photo button on the menu, or it breaks the whole site. I mean, you can click it for fun, but it locks up the page tab until you reload the page.

    If I can’t make it work, I’m fine just letting it be as-is. It would be nice to be able to have the flim strip. But it’s not the end of the world.

    Kevin Batdorf

    (@kbat82)

    6 years, 2 months ago

    Hi,

    I took a look at the site and not sure I have any ideas how to fix it. It seems something is taking focus of the page (maybe an iFrame or something) and thus FlexSlider wont auto start. You could maybe try to manipulate the focus after page load with a click event, but not sure that will work either.

    Something like this… maybe

    jQuery(window).load(function () {
    setTimeout(function () {
      jQuery('body').trigger('click');
    }, 5000);

});
    • This reply was modified 6 years, 2 months ago by Kevin Batdorf.
    Thread Starter oceansharpener

    (@oceansharpener)

    6 years, 1 month ago

    That didn’t seem to work either. Also I noticed, when I have the slides in the random mode (which I wanted), the slides are randomized, but so is the film strip. Even if the click trigger worked I guess the random would still be all goofy.

    I’m just gonna leave it with RSlides and keep the filmstrip off. It’s not super important for me to have it, just would have made it a little nicer looking.

    I know it’s a conflict with my menu script, but I don’t have any control over that script and we have to have it.

    Thank you for the help!

    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    FlexSlider also has some events you can run manually, but I when I tried them in the browser console nothing happened. For example,

    jQuery('.flexslider').flexslider('next')

    ANyway, I’ll mark this as resolved since you will stick with R. Slides but feel free to comment or open a new issue if you run into any more problems.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Not function auto-start (probably JS issue)’ is closed to new replies.