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 and inserted. This is problematic because we provide infographics and walk throughs with screenshots to our customers and if the images are unclear it defeats the purpose.

 

The only option that we can think of is to have a developer code pop-up image capability into our Community. Are there any workarounds or other solutions to this?

 

  • 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!