Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
My blog posts live in a container that’s 600px wide. When I have an image that’s wider than 600px, I resize it via CSS (.post img {max-width: 600px})
I’d like users to be able to click on these resized images and see the full size version in a lightbox, but to do this I need to detect in Javascript which images have been thus resized (since I don’t want to lightbox images that appear full size inline in the post)
You can check the image element’s
widthproperty to get the rendered width of the image. If it’s600, the image is most likely to be shrinked. However, the image might originally as well be exactly 600 pixels wide.If a browser supports the new HTML 5
naturalWidthproperty, you can get the original image width (in pixels) and compare that with the value ofclientWidth.