Specific Image Zoom Recommendations?

  • Hello!

    My photo portfolio [ redundant link removed ] has over 732 posts.

    I’m using the Isola theme from Automattic. (Love it!)

    Every post has a Featured Image set and has an image I’ve added via the media browser, so each post has code like this …

    <img src="https://shortblondeguy.com/wp-content/uploads/20190114-13-30-56-950x475.jpg" alt="" width="950" height="475" class="alignnone size-large wp-image-8254" />

    That’s obviously not the Featured image.

    Below that HTML I sometimes added a simple caption and for many photos I want to offer as prints I’ve used <p><!–more–> and a couple shortcodes that do some heavy lifting for me.

    I’m selling many of these photos and I’d love for potential customers to zoom in on them, with a **higher** resolution file than shown.

    Since the Featured Image is already set for each post, and is higher resolution, I’d love to find a zoom function or plug-in that calls for the Featured Image if someone happens to want to zoom.

    That way I can avoid a couple things:

    – Currently my host is slow AF, and if I edited all the posts and only used the Featured Image, load time for end users might increase. *See note below*
    So having a zoom function that works only on demand would be great.

    – Also, I really don’t want to sit for a few days editing 700 some posts. I’d love to be able to edit the single.php or content-single.php to make this happen.

    Any idea? Google is overly helpful and finds a lot of many many different things when I type exactly what I’m looking for.

    *Yeah, I could edit all the posts, change them to Image format instead of Standard, remove my image code and have the Featured image show up. But I am hoping I can avoid that so I can have a life. Hahaha

    • This topic was modified 5 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    So the first image in post content is always a smaller version of the featured image? If so, you could filter “the_content” and have code locate the first img tag and linkify it to go to the featured image resource. In most browser’s, if the featured image is still scaled down, clicking the image should render it full size.

    This is a rather weak solution since there is no guarantee other than your own discipline that the two images actually match. What could be better going forward is to go ahead and insert the full size image, while also linking to the image resource as well. WP will add srcset and sizes attributes to img tags, so in theory the browser should load an appropriate smaller image even though the src attribute leads to the original size image. Do some testing to ensure this is really happening. We clearly do not want browsers fetching the full size image unless the user clicked the link to it.

    If this scheme is working out, and the full size file name can be easily deduced from the downsized name, a one time script could be used to fix up your existing posts to follow the same scheme.

    Thread Starter shortblondeguy

    (@shortblondeguy)

    Thanks for the reply!

    I decided to go a more solid route I suggested for myself, though it’s been a lot of work and I’m still not done. hahaha

    *Yeah, I could edit all the posts, change them to Image format instead of Standard, remove my image code and have the Featured image show up. But I am hoping I can avoid that so I can have a life. Hahaha

    Thread Starter shortblondeguy

    (@shortblondeguy)

    So all of my posts now use Featured Images as the image a visitor sees.

    My next quest has been lengthy and without many solid results.

    I’m looking to find a lightweight plugin (or maybe CSS) that I can use in content-single.php or single.php, that can activate zooming similar to the behavior for Internal Zoom on this page..

    I’d to call up the original image, for clarity when zooming, instead of the image displayed which is the Large one that WordPress generated when I added the photo.

    There are quite a few plugins out there, but so far the Magic Zoom is the only one that seems to do what I want, but I’d want it to use the original image and of course not have to pay for it hahaha!

    Any Ideas??

    (Also I wouldn’t have asked for help if I didn’t already search.)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Specific Image Zoom Recommendations?’ is closed to new replies.