Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Feb 2012
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Display Image in Real/Life Size

    Hello,

    (If this thread is in the wrong category, I apologize; feel free to recategorize it

    Is there a downloadable script, free or payed, that allows images to be displayed in real life size, regardless of monitor size?


    -Rafal
    Last edited by username85; 09-30-2013 at 12:12 AM.

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,680
    Thanks
    0
    Thanked 230 Times in 225 Posts
    Hi there username85,

    don't directly link to the image.

    Instead use...
    Code:
    
    <img src="your-larger-than-life-image.jpg" alt="The big picture">
    coothead

  • #3
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts
    Posts
    283
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    It is in the wrong section. This doesn't have anything to do with HTML/CSS when you ask for a script. If you were to ask for code, however, that would fall within the bounds of this category.

    You can make any image displayed in any size. It just depends on the size you set for it.
    If you are talking dynamically, where you would put an image in and it would automatically be resized to the native proportions, you would need a plugin or script.

    To make an image size what you want, simply type this in:

    Code:
    <img src="yourimage.png" id="yourimgid" alt="youralttext" height="40" width="40">
    Last edited by Nerevarine; 10-01-2013 at 01:02 PM. Reason: Forgot Brackets/Extension (Whoops, thanks VIPStephan, didn't see that)
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    L0adOptic, you have typos there. HTML dimension attributes don’t take any unit other than percent. They assume pixels by default. So it must read <img … height="40" width="40">

  • #5
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    10,966
    Thanks
    0
    Thanked 236 Times in 233 Posts
    I'm with coothead. The OP wants to display the images in "real life size, regardless of monitor size". So you should not specify the size.

  • #6
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,139
    Thanks
    7
    Thanked 257 Times in 256 Posts
    I'm with the part of the world that's confused. If I take a picture of a person, and want to display it in "real life size", doesn't the size depend on how tall the person is and the ppi of the monitor?

    Maybe the OP could clarify the question.

  • #7
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,471
    Thanks
    0
    Thanked 634 Times in 624 Posts
    Quote Originally Posted by tracknut View Post
    I'm with the part of the world that's confused. If I take a picture of a person, and want to display it in "real life size", doesn't the size depend on how tall the person is and the ppi of the monitor?
    You would be able to automatically take the ppi into account if you specified the image size using CSS and specified the size using a fixed size measurement such as in or cm.

    For example if the original size of the image before loading it to the computer is 4 inches by 6 inches you could specify:

    Code:
    <img src="yourimage.png" id="yourimgid" alt="youralttext" style="width:6in;height:4in">
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #8
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,139
    Thanks
    7
    Thanked 257 Times in 256 Posts
    Quote Originally Posted by felgall View Post
    You would be able to automatically take the ppi into account if you specified the image size using CSS and specified the size using a fixed size measurement such as in or cm.
    That's true, though I'm not sure that helps the situation unless the OP means to replicate a specific print size as his "real life size".

    Edit: Oh wait, I think I get your point. If the person was 6ft tall, I could display the image with "height:72in" and that would be real life size. Gotcha!

  • #9
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts
    Posts
    283
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    Quote Originally Posted by VIPStephan View Post
    L0adOptic, you have typos there. HTML dimension attributes don’t take any unit other than percent. They assume pixels by default. So it must read <img … height="40" width="40">
    Ehh, my bad. Edited to be correct. Principle is the same though. If you want something to be a certain size, set it that way. Including, 'real life size'. Shouldn't you just set it to be
    the dimensions it would be in real life?
    Last edited by Nerevarine; 10-01-2013 at 01:32 PM. Reason: Clarification
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •