image size reduced automatically

Question

0.00/5 (No votes)

See more:

I am looking for a code in j-query , regarding image size reducing its size at different place on the same website (e.g. if you see facebook, the profile image of individual at left top panel is big and same image is reduced in size when this image appears with comment box) .

Posted 27-Mar-12 21:28pm

eduphilic

Updated 28-Mar-12 19:27pm

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 28-Mar-12 13:17pm

Do you mean file size, image size, or both?
--SA

Sergey Alexandrovich Kryukov 28-Mar-12 13:18pm

Do you have anything on server side?
--SA

[no name] 29-Mar-12 1:25am

no i mean image size, if you see facebook, the profile image of individual at left top panel is big and same image is reduced in size when his image appears with comment box

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-03-29T17:06:00

You can simply do

JavaScript

myImage.attr("width", newWidth);
//or
myImage.attr("height", newHeight);

where myImage is the DOM object corresponding to you img element. If you change only width or only height in both JavaScript code in and in HTML (or better yet, neither width nor height is defined in HTML), the same aspect ratio is preserved; it is defined by the "natural" dimensions of the image.

—SA