question to automatically create images for Responsive design

Comments

3 comments

  • Avatar
    Roee Ben Ari

    Hi Nikolai,

    Please refer to this basic example: 

    http://jsfiddle.net/roee_ba/t78xn7ax/

    (Just set your cloud_name and api_key where needed).

    Let me know if this helps?

    0
    Comment actions Permalink
  • Avatar
    Nikolai Merk

    hello thanks

     

    ok i see a picture.

    maybe i understand this responsiv feature wrong?

     

    if i edit the width to 10%, the delivered image is still 900px wide

    the div is just 84px wide.

    i thought in this case the picture should be 84px wide.

     

    0
    Comment actions Permalink
  • Avatar
    Roee Ben Ari

    Hi Nikolai, 

    The sample project requires no changes rather than setting your cloud name and API Key. In the sample I've shared, when you extend the image space, Cloudinary then loads a new derived image, with bigger width, in accordance with the image's HTML wrapper element. 

    In addition, note that Cloudinary doesn't necessarily load an image with the exact width of its wrapper but uses pre-defined breakpoints (default is 100px steps). These breakpoints protect your account fro generating too many derived images, which counts towards your Transformation quota. 

     

    0
    Comment actions Permalink

Please sign in to leave a comment.