Open Pictures In New Window

[azzamqazi]

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!!!

 

[jojo]

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

 

[Mike Massonnet]

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

 

[jojo]

<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]

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


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.


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

 

[Mike Massonnet]

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

 

[jojo]

Le Wed, 19 Jul 2006 18:55:01 +0000, jojo a écrit :


It is the same as yours


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

 

[Chris F.A. Johnson]

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>

 

[azzamqazi]

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

 

[azzamqazi]

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?

 

[jojo]

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

 

[Jonathan N. Little]

<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.

 

[Persona]

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.

Thanks, this is useful to me too as I slowly work towards developing my
site.

 

[Persona]

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.

 

[jojo]

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.

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

 

[Jonathan N. Little]

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.

 

[freemont]

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)"

 

[freemont]

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)"

 

[freemont]

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*