Open Pictures In New Window

Discussion in 'HTML' started by azzamqazi@gmail.com, Jul 19, 2006.

  1. Guest

    Hi guys,

    How are you all doing? Hope good. I have a problem and was
    wondering if someone can help me out here. I have a webpage with images
    in it. Now what i want to do is that when the user clicks on the image,
    the image will appear in a new Window and will be enlarged. I dont know
    much HTML and would greatly appreciate it if someone can help me out
    here.

    Thanks a lot guys!!!
    , Jul 19, 2006
    #1
    1. Advertising

  2. jojo Guest

    <> wrote in message
    news:...
    > Hi guys,
    >
    > How are you all doing? Hope good. I have a problem and was
    > wondering if someone can help me out here. I have a webpage with images
    > in it. Now what i want to do is that when the user clicks on the image,
    > the image will appear in a new Window and will be enlarged. I dont know
    > much HTML and would greatly appreciate it if someone can help me out
    > here.
    >
    > Thanks a lot guys!!!
    >


    <a href="image.jpg">< img src="image.jpg></a>

    There ya go! I'm pretty sure this is what your looking for.


    jojo
    jojo, Jul 19, 2006
    #2
    1. Advertising

  3. Le Wed, 19 Jul 2006 18:37:54 +0000, jojo a écrit :

    >
    > <a href="image.jpg">< img src="image.jpg></a>
    >
    > There ya go! I'm pretty sure this is what your looking for.
    >


    Look at all the errors you wrote there... this is a pita.

    Anyhow, azzamqazi, consider not cross-posting. I already read your post
    on another group, and answered there.

    >
    > jojo


    Mike
    --
    http://massonnet.org/ Mike Massonnet (mmassonnet) ,-.
    , ( {o\
    GnuPG 0--" 0xF8C80F97 {`"=,___) (`~
    C4DA 431D 52F9 F930 3E5B 3E3D 546C 89D9 F8C8 0F97 \ ,_.- )
    Mike Massonnet, Jul 19, 2006
    #3
  4. jojo Guest

    "jojo" <cgv_2000@*remove your hat*yahoo.com> wrote in message
    news:6_uvg.174439$...
    >
    > <> wrote in message
    > news:...
    >> Hi guys,
    >>
    >> How are you all doing? Hope good. I have a problem and was
    >> wondering if someone can help me out here. I have a webpage with images
    >> in it. Now what i want to do is that when the user clicks on the image,
    >> the image will appear in a new Window and will be enlarged. I dont know
    >> much HTML and would greatly appreciate it if someone can help me out
    >> here.
    >>
    >> Thanks a lot guys!!!
    >>

    >
    > <a href="image.jpg">< img src="image.jpg></a>
    >
    > There ya go! I'm pretty sure this is what your looking for.
    >
    >
    > jojo
    >


    ok, I goofed. this is corrected:

    <a href="yourimage.jpg" target="whatever"><img src="yourimage.jpg"></a>

    This allows you to click on an image to one the image on a new page
    jojo, Jul 19, 2006
    #4
  5. jojo Guest

    "Mike Massonnet" <_@_.ch> wrote in message
    news:pan.2006.07.19.18.50.42.339373@_.ch...
    > Le Wed, 19 Jul 2006 18:37:54 +0000, jojo a écrit :
    >
    >>
    >> <a href="image.jpg">< img src="image.jpg></a>
    >>
    >> There ya go! I'm pretty sure this is what your looking for.
    >>

    >
    > Look at all the errors you wrote there... this is a pita.
    >
    > Anyhow, azzamqazi, consider not cross-posting. I already read your post
    > on another group, and answered there.
    >
    >>
    >> jojo

    >
    > Mike
    > --
    > http://massonnet.org/ Mike Massonnet (mmassonnet) ,-.
    > , ( {o\
    > GnuPG 0--" 0xF8C80F97 {`"=,___) (`~
    > C4DA 431D 52F9 F930 3E5B 3E3D 546C 89D9 F8C8 0F97 \ ,_.- )
    >


    your right Mike...I goofed. Just posted a revision.
    Can you post your solution here? I can't see it.

    Thanks,
    jojo
    jojo, Jul 19, 2006
    #5
  6. Le Wed, 19 Jul 2006 18:55:01 +0000, jojo a écrit :

    > your right Mike...I goofed. Just posted a revision.
    > Can you post your solution here? I can't see it.
    >


    It is the same as yours ;)

    > Thanks,
    > jojo


    Cheers,
    Mike
    --
    http://massonnet.org/ Mike Massonnet (mmassonnet) ,-.
    , ( {o\
    GnuPG 0--" 0xF8C80F97 {`"=,___) (`~
    C4DA 431D 52F9 F930 3E5B 3E3D 546C 89D9 F8C8 0F97 \ ,_.- )
    Mike Massonnet, Jul 19, 2006
    #6
  7. jojo Guest

    "Mike Massonnet" <_@_.ch> wrote in message
    news:pan.2006.07.19.19.50.02.509750@_.ch...
    > Le Wed, 19 Jul 2006 18:55:01 +0000, jojo a écrit :
    >
    >> your right Mike...I goofed. Just posted a revision.
    >> Can you post your solution here? I can't see it.
    >>

    >
    > It is the same as yours ;)
    >
    >> Thanks,
    >> jojo

    >
    > Cheers,
    > Mike
    > --
    > http://massonnet.org/ Mike Massonnet (mmassonnet) ,-.
    > , ( {o\
    > GnuPG 0--" 0xF8C80F97 {`"=,___) (`~
    > C4DA 431D 52F9 F930 3E5B 3E3D 546C 89D9 F8C8 0F97 \ ,_.- )
    >


    Cool!
    I did not mean to jump in with bad info, I'm a newbie too and just wanted to
    help.
    I hope he reads the entire thread!
    ;-)

    jojo
    jojo, Jul 19, 2006
    #7
  8. On 2006-07-19, wrote:
    > Hi guys,
    >
    > How are you all doing? Hope good. I have a problem and was
    > wondering if someone can help me out here. I have a webpage with images
    > in it. Now what i want to do is that when the user clicks on the image,
    > the image will appear in a new Window and will be enlarged. I dont know
    > much HTML and would greatly appreciate it if someone can help me out
    > here.


    The important thing is DON'T! If the user wants it in a new window,
    he can tell the browser to do that. Just put the img in a link, with
    a thumbnail in the img:

    <a href="xxx.png"><img src="xxx-thumb.png" alt="xxx.png"></a>

    --
    Chris F.A. Johnson <http://cfaj.freeshell.org>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 19, 2006
    #8
  9. Guest

    Thanks a lot guys. So lets see here is what i have to do to display the
    image in a new window right?

    <a href="yourimage.jpg" target="whatever"><img src="yourimage.jpg"></a>


    Also can i tell the browser to fetch the image from another website, is
    there a way i can specify a URL to the image in this command?

    I greatly appreciate all the help guys.
    Thanks a lot :)


    Chris F.A. Johnson wrote:
    > On 2006-07-19, wrote:
    > > Hi guys,
    > >
    > > How are you all doing? Hope good. I have a problem and was
    > > wondering if someone can help me out here. I have a webpage with images
    > > in it. Now what i want to do is that when the user clicks on the image,
    > > the image will appear in a new Window and will be enlarged. I dont know
    > > much HTML and would greatly appreciate it if someone can help me out
    > > here.

    >
    > The important thing is DON'T! If the user wants it in a new window,
    > he can tell the browser to do that. Just put the img in a link, with
    > a thumbnail in the img:
    >
    > <a href="xxx.png"><img src="xxx-thumb.png" alt="xxx.png"></a>
    >
    > --
    > Chris F.A. Johnson <http://cfaj.freeshell.org>
    > ===================================================================
    > Author:
    > Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    , Jul 20, 2006
    #9
  10. Guest

    OK i got it. I can put the link directly. Now the problem is that i
    want the image to be displayed a little larger. Is there a way to do
    that?

    wrote:
    > Thanks a lot guys. So lets see here is what i have to do to display the
    > image in a new window right?
    >
    > <a href="yourimage.jpg" target="whatever"><img src="yourimage.jpg"></a>
    >
    >
    > Also can i tell the browser to fetch the image from another website, is
    > there a way i can specify a URL to the image in this command?
    >
    > I greatly appreciate all the help guys.
    > Thanks a lot :)
    >
    >
    > Chris F.A. Johnson wrote:
    > > On 2006-07-19, wrote:
    > > > Hi guys,
    > > >
    > > > How are you all doing? Hope good. I have a problem and was
    > > > wondering if someone can help me out here. I have a webpage with images
    > > > in it. Now what i want to do is that when the user clicks on the image,
    > > > the image will appear in a new Window and will be enlarged. I dont know
    > > > much HTML and would greatly appreciate it if someone can help me out
    > > > here.

    > >
    > > The important thing is DON'T! If the user wants it in a new window,
    > > he can tell the browser to do that. Just put the img in a link, with
    > > a thumbnail in the img:
    > >
    > > <a href="xxx.png"><img src="xxx-thumb.png" alt="xxx.png"></a>
    > >
    > > --
    > > Chris F.A. Johnson <http://cfaj.freeshell.org>
    > > ===================================================================
    > > Author:
    > > Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    , Jul 20, 2006
    #10
  11. jojo Guest

    <> wrote in message
    news:...
    > OK i got it. I can put the link directly. Now the problem is that i
    > want the image to be displayed a little larger. Is there a way to do
    > that?




    <a href="xxx.png"><img src="xxx-thumb.png" width="600" height="400"
    alt="xxx.png"></a>

    I think??? this will do it..no time to test it, I'm headed home.
    The numbers can be anything you want them to be, but I suggest you keep them
    relative.
    If you increase the first number 40%, increase the second number 40%, or
    your picture will be skewed.

    jojo

    may I suggest
    http://tinyurl.com/nhea5
    jojo, Jul 20, 2006
    #11
  12. jojo wrote:
    > <> wrote in message
    > news:...
    >> OK i got it. I can put the link directly. Now the problem is that i
    >> want the image to be displayed a little larger. Is there a way to do
    >> that?

    >
    >
    >
    > <a href="xxx.png"><img src="xxx-thumb.png" width="600" height="400"
    > alt="xxx.png"></a>


    I would not recommend you do this, using IMG's WIDTH and HEIGHT
    attributes to scale the image either larger or smaller than the actual
    image's pixel dimensions is a bad idea. Browser's rendering engines are
    not very good at this and the results will be poor. Use graphic software
    and resample images to the exact size you need. With software you have
    access to blur and sharpen filters to tweak the new image and get a far
    better result.

    Use IMG's WIDTH and HEIGHT attributes only to reserve the 'place' for
    the images. This aids the browser so your page's layout doesn't morph as
    the images load.


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Jul 20, 2006
    #12
  13. Persona Guest

    Jonathan N. Little wrote:

    > jojo wrote:
    > > <> wrote in message
    > > news:...
    > >> OK i got it. I can put the link directly. Now the problem is that i
    > >> want the image to be displayed a little larger. Is there a way to do
    > >> that?

    > >
    > >
    > >
    > > <a href="xxx.png"><img src="xxx-thumb.png" width="600" height="400"
    > > alt="xxx.png"></a>

    >
    > I would not recommend you do this, using IMG's WIDTH and HEIGHT
    > attributes to scale the image either larger or smaller than the actual
    > image's pixel dimensions is a bad idea. Browser's rendering engines are
    > not very good at this and the results will be poor. Use graphic software
    > and resample images to the exact size you need. With software you have
    > access to blur and sharpen filters to tweak the new image and get a far
    > better result.
    >
    > Use IMG's WIDTH and HEIGHT attributes only to reserve the 'place' for
    > the images. This aids the browser so your page's layout doesn't morph as
    > the images load.
    >
    >
    > --
    > Take care,
    >
    > Jonathan
    > -------------------
    > LITTLE WORKS STUDIO
    > http://www.LittleWorksStudio.com


    Thanks, this is useful to me too as I slowly work towards developing my
    site.
    Persona, Jul 21, 2006
    #13
  14. Persona Guest

    Chris F.A. Johnson wrote:

    > On 2006-07-19, wrote:
    > > Hi guys,
    > >
    > > How are you all doing? Hope good. I have a problem and was
    > > wondering if someone can help me out here. I have a webpage with images
    > > in it. Now what i want to do is that when the user clicks on the image,
    > > the image will appear in a new Window and will be enlarged. I dont know
    > > much HTML and would greatly appreciate it if someone can help me out
    > > here.

    >
    > The important thing is DON'T! If the user wants it in a new window,
    > he can tell the browser to do that. Just put the img in a link, with
    > a thumbnail in the img:
    >
    > <a href="xxx.png"><img src="xxx-thumb.png" alt="xxx.png"></a>
    >
    > --
    > Chris F.A. Johnson <http://cfaj.freeshell.org>
    > ===================================================================
    > Author:
    > Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)


    Thanks,I find these sort of comments really useful, it seems fairly
    easy to make a site but there seems to be lots of potential pitfalls on
    the way to making a 'good' site.
    Persona, Jul 21, 2006
    #14
  15. jojo Guest

    "Jonathan N. Little" <> wrote in message
    news:d8d58$44c0039e$40cba778$...
    > jojo wrote:
    >> <> wrote in message
    >> news:...
    >>> OK i got it. I can put the link directly. Now the problem is that i
    >>> want the image to be displayed a little larger. Is there a way to do
    >>> that?

    >>
    >>
    >>
    >> <a href="xxx.png"><img src="xxx-thumb.png" width="600" height="400"
    >> alt="xxx.png"></a>

    >
    > I would not recommend you do this, using IMG's WIDTH and HEIGHT attributes
    > to scale the image either larger or smaller than the actual image's pixel
    > dimensions is a bad idea. Browser's rendering engines are not very good at
    > this and the results will be poor. Use graphic software and resample
    > images to the exact size you need. With software you have access to blur
    > and sharpen filters to tweak the new image and get a far better result.
    >
    > Use IMG's WIDTH and HEIGHT attributes only to reserve the 'place' for the
    > images. This aids the browser so your page's layout doesn't morph as the
    > images load.
    >
    >
    > --
    > Take care,
    >
    > Jonathan
    > -------------------
    > LITTLE WORKS STUDIO
    > http://www.LittleWorksStudio.com


    Thanks, good advice.
    Although the op did not ask, I want to supply this info.
    Great little tools that not all know about (at least us newbie's anyway) are
    the
    Powertools for XP.
    http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx
    The have great little no muss no fuss image resizer.

    Also, if your doing things on the cheap...(like me)
    http://www.freeserifsoftware.com/
    This site has free photo-editing tools. Don't expect Photoshop, but for
    resizing and
    tweaking color, hue, ect, this is fast free and easy!

    Hope this helps,
    jojo
    jojo, Jul 21, 2006
    #15
  16. jojo wrote:
    > "Jonathan N. Little" <> wrote in message
    > news:d8d58$44c0039e$40cba778$...
    >> jojo wrote:


    > Thanks, good advice.
    > Although the op did not ask, I want to supply this info.
    > Great little tools that not all know about (at least us newbie's anyway) are
    > the
    > Powertools for XP.
    > http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx
    > The have great little no muss no fuss image resizer.
    >
    >


    I recommend IrfanView http://www.irfanview.com/ freeware 'Swiss Army
    Knife' media tool. Can easily resample, convert even PhotoShop plug-in
    filter just about any image type. Also other media, video and audio.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Jul 21, 2006
    #16
  17. freemont Guest

    On Thu, 20 Jul 2006 14:14:37 -0700, azzamqazi wrote:

    > OK i got it. I can put the link directly. Now the problem is that i want
    > the image to be displayed a little larger. Is there a way to do that?


    http://tinyurl.com/ocn37

    "Results 1 - 20 of about 249,000,000 for html image size. (0.09 seconds)"

    --
    "Because all you of Earth are idiots!"
    ¯`·.¸¸.·´¯`·-> freemont© <-·´¯`·.¸¸.·´¯
    freemont, Aug 26, 2006
    #17
  18. freemont Guest

    On Thu, 20 Jul 2006 14:14:37 -0700, azzamqazi wrote:

    > OK i got it. I can put the link directly. Now the problem is that i want
    > the image to be displayed a little larger. Is there a way to do that?


    http://tinyurl.com/ocn37

    "Results 1 - 20 of about 249,000,000 for html image size. (0.09 seconds)"

    --
    "Because all you of Earth are idiots!"
    ¯`·.¸¸.·´¯`·-> freemont© <-·´¯`·.¸¸.·´¯
    freemont, Aug 26, 2006
    #18
  19. freemont Guest

    On Fri, 25 Aug 2006 22:39:59 -0400, freemont wrote:

    <shnip old news>

    ummm... apologies. My newsreader seems to have developed Tourette's last
    night. Several old posts got resent to several groups. No eye dear how
    this happened. *sigh*

    --
    "Because all you of Earth are idiots!"
    ¯`·.¸¸.·´¯`·-> freemont© <-·´¯`·.¸¸.·´¯
    freemont, Aug 26, 2006
    #19
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Martin Raychev
    Replies:
    1
    Views:
    279
    Alvin Bruney [MVP]
    Mar 2, 2004
  2. Gordon
    Replies:
    3
    Views:
    298
    Steven Burn
    Apr 16, 2004
  3. PC HUA
    Replies:
    2
    Views:
    405
    PC HUA
    May 19, 2004
  4. Berlin  Brown

    Selection; open popup or open a new window

    Berlin Brown, Jun 26, 2006, in forum: Javascript
    Replies:
    0
    Views:
    116
    Berlin Brown
    Jun 26, 2006
  5. Replies:
    1
    Views:
    232
Loading...

Share This Page