backstretch js for simply static html archive

  • Resolved doctorproctor

    (@doctorproctor)


    6 years, 7 months ago

    Hello, Robin! We have loved your Display Featured Image for Genesis plugin, but now it looks like we will need to transition our ds.lclark.edu multisite to other platforms due to lack of institutional support. Some of our students want to create a static HTML archive of their sites, and we have in past successfully used Simply Static and plan to do so again.

    One limitation we have noticed is that, when an image is backstretch width and fades in (e.g., here), the Simply Static version does not display the featured image at all.

    I suspect this could be fixed by adding appropriate js or other files (which Simply Static can do) to the HTML archive. If you have recommendations, please let us know and we’ll try it out! (We can be in touch with the Simply Static developer as well if need be.)

    Btw, I believe the relevant code around that post linked above includes

    srcset="https://i2.wp.com/ds.lclark.edu/kmezrahi/wp-content/uploads/sites/421/2017/09/Polar-Regions.jpg?w=1600&ssl=1 1600w, https://i2.wp.com/ds.lclark.edu/kmezrahi/wp-content/uploads/sites/421/2017/09/Polar-Regions.jpg?resize=300%2C225&ssl=1 300w, https://i2.wp.com/ds.lclark.edu/kmezrahi/wp-content/uploads/sites/421/2017/09/Polar-Regions.jpg?resize=768%2C576&ssl=1 768w, https://i2.wp.com/ds.lclark.edu/kmezrahi/wp-content/uploads/sites/421/2017/09/Polar-Regions.jpg?resize=1024%2C768&ssl=1 1024w" sizes="(max-width: 1600px) 100vw, 1600px"

    and the JS I see at top is

    <script type='text/javascript' src='./../../../../wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='./../../../../wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='./../../../../wp-content/plugins/miniorange-saml-20-single-sign-on/includes/js/settings.js?ver=4.9.4'></script>

    Sure appreciate as always!

    Jim

    • This topic was modified 6 years, 7 months ago by doctorproctor.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    Hmmm, I don’t know that I’ve encountered the Simply Static plugin, so no experience there. I can tell you that the image data you pasted in above is actually for the image which will load if a user doesn’t have JavaScript enabled for some reason.

    The featured image plugin loads its scripts at the bottom of the site output, after the rest of the page has loaded. The two script files involved are here:

    
https://yoursite.com/wp-content/plugins/display-featured-image-genesis/includes/js/backstretch-set.js
https://yoursite.com/wp-content/plugins/display-featured-image-genesis/includes/js/backstretch.js

    The Simply Static FAQ says:

    Any functionality that requires PHP code will not work with that static copy.

    This may be the sticking point, as quite a lot of the data required for the script to function is collected on the server side (in PHP), and sent to the script using wp_localize_script. It may be that the static generation can’t work with this function.

    Thread Starter doctorproctor

    (@doctorproctor)

    Robin, pardon my delayed response; you must be correct, as partly confirmed via the developer’s post here.

    We have, btw, experienced slightly different behavior with Display Featured Image for Genesis per site (e.g., some sites seem to load backstretch images, but without applying vertical truncation); I’m sure this can be explained, but the bottom line is that indeed we cannot fully expect your plugin to work in a static archive.

    Thank you again for your great plugin, and your really super quick response.

    Regards,

    Jim P.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘backstretch js for simply static html archive’ is closed to new replies.