Copied to clipboard

Flag this post as spam?

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


  • Jurgen Van de Water 18 posts 68 karma points
    Nov 29, 2015 @ 14:30
    Jurgen Van de Water
    0

    Picture is not rendering

    Hi,

    I'm trying to get slimsy to work on my page but it is not rendering the image correctly.

    The following code is rendered in my view:

    <img data-src="/media/1013/359lt.jpg?anchor=center&amp;mode=crop&amp;quality=90&amp;width=260&amp;format=jpg&amp;slimmage=true&amp;rnd=130932651730000000" data-slimmage="true">
    

    But the image is not rendering. If I inspect the element then I see that my image is rendered with a size of 0 x 0 pixels.

    I've already tried to put max-width to 100% but then the image is still not rendered.

    I also read this topic, but the suggestions that are there do not work. https://our.umbraco.org/projects/website-utilities/slimsy/slimsy-feedback/64725-No-output-in-724

    I'm using version 7.3.1 of Umbraco.

    What could be the problem?

    Thanks in advance!

  • James Jackson-South 489 posts 1747 karma points c-trib
    Dec 02, 2015 @ 06:58
    James Jackson-South
    0

    Hi Jurgen,

    Does the image request actually succeed and render at 0 pixels or does it fail to render.

    Your urls looks like it has been Html encoded. It should be.

    <img data-src="/media/1013/359lt.jpg?anchor=center&mode=crop&quality=90&width=260&format=jpg&slimmage=true&rnd=130932651730000000" data-slimmage="true">
    

    Cheers

    James

  • Jurgen Van de Water 18 posts 68 karma points
    Dec 02, 2015 @ 07:33
    Jurgen Van de Water
    0

    The html encoding is coming from pasting it on the forum. It renders an image of 0x0 pixels.

    Thx for helping

  • Albert 27 posts 49 karma points
    Dec 02, 2015 @ 10:35
    Albert
    0

    Hi,

    I have the same problem. I add this plugin using nuget but the image is not showing at all. Find below the HTML created:

    <img data-src="/media/1001/2.jpg?center=0.6,0.875&amp;mode=crop&amp;quality=90&amp;width=270&amp;heightratio=0.5962962962962962962962962963&amp;slimmage=true&amp;rnd=130931330230000000" alt="" data-slimmage="true">
    

    The url created is correct. If I change the data-src attribute to src it works...

    Anyone can help me with this issue?

    Cheers

  • Jurgen Van de Water 18 posts 68 karma points
    Dec 12, 2015 @ 11:27
    Jurgen Van de Water
    0

    Does anybody has already a solution for this?

  • Robert Foster 459 posts 1820 karma points MVP 2x admin c-trib
    Dec 14, 2015 @ 02:02
    Robert Foster
    102

    Make sure you have this in your css for the images in question:

    max-width: 100%;
    

    There's a change in the latest slimsy package that requires this due to updated slimmage etc.

    I had the same issue yesterday.

    EDIT: You'll see a reference to this on the slimsy project page under "Upgrades"

  • Jurgen Van de Water 18 posts 68 karma points
    Dec 20, 2015 @ 10:50
    Jurgen Van de Water
    0

    I had already tried this, it did not work then but it does now. So thank you! :)

Please Sign in or register to post replies

Write your reply to:

Draft