Forum Discussion

sylviaDF's avatar
sylviaDF
Guide
12 years ago

Image Pop-ups/Zoom within a Post?

We're having issues with the quality of images inserted into posts and on our blog. No matter what resolution the original photo is, the images show up grainy and mildly blurry once they are uploaded...
  • Claudius's avatar
    Claudius
    12 years ago

    There's only a manual workaround which involves editing the HTML to add a link to the "small" image version to open the full version upon clicking. E.g. if your current code for the medium sized preview looks like

    <p><img src="/t5/image/serverpage/image-id/57i62C2DBDBBE5C74F3/image-size/medium?v=mpbl-1&amp;px=-1" border="0" alt="mobile skype page.jpg" title="mobile skype page.jpg" align="center" /></p>

     You wrap it into a link to the full sized picture (by replacing "medium" in the image URL by "original"):

    <p><a href="/t5/image/serverpage/image-id/57i62C2DBDBBE5C74F3/image-size/original?v=mpbl-1&amp;px=-1"><img src="/t5/image/serverpage/image-id/57i62C2DBDBBE5C74F3/image-size/medium?v=mpbl-1&amp;px=-1" border="0" alt="Alternative image text" title="Image description" align="center" /></a></p>

     

    I guess though that this is probably not really what you are looking for :P

     

    Therefor here's a "lightbox overlay" idea submission here that you might want to support: http://lithosphere.lithium.com/t5/customer-ideas/Add-a-lightbox-effect-overlay-images-on-the-current-page-for/idi-p/73236

mlee's avatar
mlee
Guide
12 years ago

I am also interested in a work-around for this issue. 

  • Claudius's avatar
    Claudius
    Boss
    12 years ago

    There's only a manual workaround which involves editing the HTML to add a link to the "small" image version to open the full version upon clicking. E.g. if your current code for the medium sized preview looks like

    <p><img src="/t5/image/serverpage/image-id/57i62C2DBDBBE5C74F3/image-size/medium?v=mpbl-1&amp;px=-1" border="0" alt="mobile skype page.jpg" title="mobile skype page.jpg" align="center" /></p>

     You wrap it into a link to the full sized picture (by replacing "medium" in the image URL by "original"):

    <p><a href="/t5/image/serverpage/image-id/57i62C2DBDBBE5C74F3/image-size/original?v=mpbl-1&amp;px=-1"><img src="/t5/image/serverpage/image-id/57i62C2DBDBBE5C74F3/image-size/medium?v=mpbl-1&amp;px=-1" border="0" alt="Alternative image text" title="Image description" align="center" /></a></p>

     

    I guess though that this is probably not really what you are looking for :P

     

    Therefor here's a "lightbox overlay" idea submission here that you might want to support: http://lithosphere.lithium.com/t5/customer-ideas/Add-a-lightbox-effect-overlay-images-on-the-current-page-for/idi-p/73236

    • sylviaDF's avatar
      sylviaDF
      Guide
      12 years ago

      That's a great workaround but unfortunately we're already inserting the images at the original size and for whatever reason, the resolution quality of the image gets knocked down whenever we upload into the community. We will probably just host the images somewhere else where the quality will be preserved and link to there as an interim solution.

       

      The lightbox overlay is exactly what we're looking for, I'm glad someone has suggested it already.

       

      Thanks for your help!