Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

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


  • Franz 13 posts 66 karma points
    Dec 10, 2014 @ 14:49
    Franz
    0

    ImageGen and slimmage.js

    Hello,

    I'm not sure if I'm implementing this correctly with ImageGen 2.9.1

    Is this the right HMLT output to get slimmage to work its magic on top of ImageGen magic?

    <img src="~/ImageGen.ashx?image=XXX&amp;class=newsFull&amp;slimmage=true&amp;width=650" alt="xx" class="newsItem" />

    I don't need anything else apart from latest version of ImageGen 2.9.1 and slimmage.js, right?

    Should I see in the "cached" folder several sizes of the same image?

    Thank you!

    Copy Link
  • Dennis Aaen 4500 posts 18255 karma points admin hq c-trib
    Dec 10, 2014 @ 14:59
    Dennis Aaen
    101

    Hi Franz,

    Here is a episode http://uhangout.co.uk/video/_98Q0j2mE40 from uHangout where Douglas Robar explains how you can use ImageGen and Slimmage together. If you don´t want to see the full episode, the explanation on ImageGen and Slimmage starts at  20 minutes into the episode.

    Hope this anwser your question.

    /Dennis

    Copy Link
  • Franz 13 posts 66 karma points
    Dec 10, 2014 @ 17:09
    Franz
    0

    Thanks Dennis, I think it does! I've implemented the same markup as Doug used on the uHangout and it seems to be working... :)

    Copy Link
  • Franz 13 posts 66 karma points
    Dec 10, 2014 @ 17:48
    Franz
    0

    Uhm, new question however about ImageGen and slimmage.js.

    We have the professional version and are using classes. It seems that even if slimmage.js does its tricks, the ImageGen class overrides the resizing, resulting in the same image (same Kb size) being downloaded by the client no matter what slimmage does (which is confirmed on the JS console)

     

    Slimming: updating /ImageGen.ashx?width=320&quality=90&image=/media/571195/nanana.jpg&class=newsFull
slimmage.js (line 14)
Slimmage: restored 1 images from noscript tags; sizing 1 images. 11ms
slimmage.js (line 14)
Slimming: updating /ImageGen.ashx?width=640&quality=90&image=/media/571195/nanana.jpg&class=newsFull
    slimmage.js (line 14)
Slimmage: restored 0 images from noscript tags; sizing 1 images. 17ms
slimmage.js (line 14)
Slimming: updating /ImageGen.ashx?width=800&quality=90&image=/media/571195/nanana.jpg&class=newsFull
    slimmage.js (line 14)
log:
Slimmage: restored 0 images from noscript tags; sizing 1 images. 6ms

     

    See attached screenshot from Firebug.

     

    This is the "newsFull" class as defined in the ImageGen config:

      <Class Name="newsFull" OverridesQueryString="true">
    <AllowUpsizing>true</AllowUpsizing>
    <Width>650</Width>
    <Height>360</Height>
    <Crop>Resize</Crop> 
    <CachingTimeSpan>604800</CachingTimeSpan>
  </Class>
    Copy Link
  • Franz 13 posts 66 karma points
    Dec 10, 2014 @ 18:08
    Franz
    0

    Hum so I think the problem is that in the class we define a width for the cropping, and the OverridesQueryString="true" does what's expected: ovverrides the width coming from slimmage.

    So, I think it all boils down to: how can we use the crop feature of the professional edition with slimmage?

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft