Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Bezmundo 48 posts 138 karma points
    May 11, 2015 @ 22:55
    Bezmundo
    0

    No output in 7.2.4

    Been trying to get slimsy to make images responsive in a Umbraco 7.2.4 build. I have followed the tutorial but for some reason the images will simply not render. After install the package and changing the Image media from uplaod to an image cropper, I add the slimmage.js to the master template. When I load the page nothing happens.

    So I add the following script as suggested in the tutorial along with the js file:

    <script type="text/javascript">
        window.slimmage = { verbose: false };
    </script>
    <script src="/scripts/slimmage.min.js"></script>
    

    Again nothing happens.

    Now if i remove the just the js file and reload the page I get the following output and what appears to be slimsy working.

    <noscript data-slimmage="true" data-img-src="/media/1003/star-wars-episode-7-chrome-trooper-dl-image.jpg?anchor=center&amp;mode=crop&amp;quality=90&amp;width=270&amp;heightratio=0.5962962962962962962962962963&amp;format=jpg&amp;slimmage=true&amp;rnd=130758526960000000" data-img-alt="">&lt;img src="/media/1003/star-wars-episode-7-chrome-trooper-dl-image.jpg?anchor=center&amp;amp;mode=crop&amp;amp;quality=90&amp;amp;width=270&amp;amp;heightratio=0.5962962962962962962962962963&amp;amp;format=jpg&amp;amp;slimmage=true&amp;amp;rnd=130758526960000000" alt=""&gt;</noscript>
    

    However the image doesn't display and theres no console.log for the slimmage.js to say it's getting the images dfor nthe noscript.

    I've tried this tutorial on multiple fresh installs of Umbraco 7.2.4 but always get the same result.

    Does anyone have any ideas? Thanks in advance for your time and efforts

  • Jeavon Leopold 3005 posts 13193 karma points MVP 7x admin c-trib
    May 12, 2015 @ 00:23
    Jeavon Leopold
    0

    Hi,

    It seems like SlimResponse didn't register in your web.config. Did you install via a Umbraco package or Nuget?

    This is the specific line I think might be missing?

    Could you also check your UmbracoTraceLog.txt file for any errors during install?

    Jeavon

  • Jeavon Leopold 3005 posts 13193 karma points MVP 7x admin c-trib
    May 12, 2015 @ 00:26
    Jeavon Leopold
    0

    Forget that, it came through differently in my email due to the no script tags.

    Do you have CSS sizing the containing element (div, etc...)?

  • Bezmundo 48 posts 138 karma points
    May 12, 2015 @ 18:27
    Bezmundo
    0

    Hi Jeavon, ive applied the following csss to the containing DIV and IMG element:

    height:270px;width:161px;max-width:100%
    

    Still nothing showing.

  • James Jackson-South 489 posts 1742 karma points c-trib
    May 26, 2015 @ 11:48
    James Jackson-South
    0

    Hi Bezmundo,

    That output code you posted...

    <noscript data-slimmage="true" data-img-src="/media/1003/star-wars-episode-7-chrome-trooper-dl-image.jpg?anchor=center&amp;mode=crop&amp;quality=90&amp;width=270&amp;heightratio=0.5962962962962962962962962963&amp;format=jpg&amp;slimmage=true&amp;rnd=130758526960000000" data-img-alt="">&lt;img src="/media/1003/star-wars-episode-7-chrome-trooper-dl-image.jpg?anchor=center&amp;amp;mode=crop&amp;amp;quality=90&amp;amp;width=270&amp;amp;heightratio=0.5962962962962962962962962963&amp;amp;format=jpg&amp;amp;slimmage=true&amp;amp;rnd=130758526960000000" alt=""&gt;</noscript>
    

    Are the tags supposed to be Html encoded like that or was that a side effect of posting to the forum?

  • Bezmundo 48 posts 138 karma points
    May 26, 2015 @ 16:13
    Bezmundo
    0

    Hi James, I'm pretty sure that's how it was rendered

  • James Jackson-South 489 posts 1742 karma points c-trib
    May 26, 2015 @ 17:35
    James Jackson-South
    0

    Hmmm... Looking at the underlying slimmage code it is wrapping/unwrapping images in noscript tags. That would indicate to me that something is breaking halfway through the process.

    Has there been any errors logged in the browsers development console?

  • shanem 39 posts 93 karma points
    Nov 24, 2015 @ 12:20
    shanem
    101

    I had a similar issue and I fixed it with CSS:

    img { max-width: 100%; }
    

    Then my crop displayed correctly.

  • Proxicode 117 posts 302 karma points
    Jan 05, 2016 @ 20:46
    Proxicode
    0

    That's twice now that your post has saved me. This should be marked as the answer! Thanks!

    -Roger

Please Sign in or register to post replies

Write your reply to:

Draft