slide images are visibility:hidden

  • Resolved JustinBBC

    (@justinbbc)


    6 years, 8 months ago

    We’ve been using the same Meteor slideshow forever w/o any problems or changes. I just added an TLS cert to the Bluehost install so we could get HTTPS. Now the images in the slideshow are hidden via styling:
    <img style="visibility: hidden;" class="meteor-shim" src="https://berean-biblechurch.org/wordpress/wp-content/uploads/2013/09/j-slidesblue-02-520x305.jpg" alt="">

    How can this be? What is adding this visibility style? The code hasn’t changed:
    <div id="slider"><?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?></div>
    and the images are accessible, and the plugin settings are still good.

    Would appreciate any help,
    Justin

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    Hi Justin, that first code example has always been there, that is how the slideshow works.

    What is causing your slideshow to disappear is that the JavaScript that powers it is broken. This can happen when you switch a site to HTTPS because some themes and plugins don’t fully support HTTPS and files they load become missing and the causes JavaScript conflicts with other plugins.

    Something is causing jQuery not to load and that is breaking the slideshow. Try deactivating your other plugins and testing the slideshow to narrow down the cause of the conflict.

    Thread Starter JustinBBC

    (@justinbbc)

    Thanks, Josh. I discovered that the jQuery script src link was HTTP. I changed it to HTTPS and the images now display.

    Plugin Author Josh Leuze

    (@jleuze)

    No problem!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘slide images are visibility:hidden’ is closed to new replies.