Click here to get back home

force larger image into same
?
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
force larger image into same Geoff Cox 02-21-2008
Posted by Geoff Cox on February 21, 2008, 3:59 am
Please log in for more thread options
 Hello,

I am using thumbnail image as below

<div>
<a href="assets/images/pic-26-1.jpg"><img
src="assets/images/pic-26-1.jpg" width="400" height="290"></a>
</div>

Is it possible for the larger version of the image to appear in the
same <div>?

Cheers

Geoff

Posted by Bergamot on February 21, 2008, 7:45 am
Please log in for more thread options
 Geoff Cox < wrote:
>
> I am using thumbnail image as below
>
> <div>
> <a href="assets/images/pic-26-1.jpg"><img
> src="assets/images/pic-26-1.jpg" width="400" height="290"></a>
> </div>

An image with those dimensions doesn't exactly qualify as a thumbnail.
I'd expect thumbnails to be a fraction of that size.

> Is it possible for the larger version of the image to appear in the
> same <div>?

Not without some JavaScript trickery. But why make the page jump around
while the larger image rearranges everything around it?

What are you really trying to accomplish?

--
Berg

Posted by Geoff Cox on February 21, 2008, 3:08 pm
Please log in for more thread options
wrote:

>Geoff Cox < wrote:
>>
>> I am using thumbnail image as below
>>
>> <div>
>> <a href="assets/images/pic-26-1.jpg"><img
>> src="assets/images/pic-26-1.jpg" width="400" height="290"></a>
>> </div>

>An image with those dimensions doesn't exactly qualify as a thumbnail.
>I'd expect thumbnails to be a fraction of that size.

oops! I should have typed

<div>
<a href="assets/images/pic-26-1.jpg" target="pic-26"><img
src="assets/images/pic-26-1.jpg" width="50"></a>
</div>


>> Is it possible for the larger version of the image to appear in the
>> same <div>?
>
>Not without some JavaScript trickery. But why make the page jump around
>while the larger image rearranges everything around it?
>
>What are you really trying to accomplish?

In fact have come across some Javacript which does what I want (some
thumbnail images on the LHS and on clicking a thumbnail the larger
image appears on the RHS) so I will beat a retreat for the moment!

Thanks

Geoff

Posted by Jonathan N. Little on February 21, 2008, 5:59 pm
Please log in for more thread options
Geoff Cox < wrote:
> wrote:
>
>> Geoff Cox < wrote:
>>> I am using thumbnail image as below
>>>
>>> <div>
>>> <a href="assets/images/pic-26-1.jpg"><img
>>> src="assets/images/pic-26-1.jpg" width="400" height="290"></a>
>>> </div>
>
>> An image with those dimensions doesn't exactly qualify as a thumbnail.
>> I'd expect thumbnails to be a fraction of that size.
>
> oops! I should have typed
>
> <div>
> <a href="assets/images/pic-26-1.jpg" target="pic-26"><img
> src="assets/images/pic-26-1.jpg" width="50"></a>
> </div>
>

If the image pic-26-1.jpg is not actually 50px wide it is not a good
idea to resize using HTML attributes. Browsers are bad a resampling and
there is no bandwidth savings because the whole large file must be
downloaded. Create real thumbnails resampled to actual size.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Posted by Geoff Cox on February 22, 2008, 4:43 am
Please log in for more thread options
On Thu, 21 Feb 2008 17:59:44 -0500, "Jonathan N. Little"

>Geoff Cox < wrote:
>> wrote:
>>
>>> Geoff Cox < wrote:
>>>> I am using thumbnail image as below
>>>>
>>>> <div>
>>>> <a href="assets/images/pic-26-1.jpg"><img
>>>> src="assets/images/pic-26-1.jpg" width="400" height="290"></a>
>>>> </div>
>>
>>> An image with those dimensions doesn't exactly qualify as a thumbnail.
>>> I'd expect thumbnails to be a fraction of that size.
>>
>> oops! I should have typed
>>
>> <div>
>> <a href="assets/images/pic-26-1.jpg" target="pic-26"><img
>> src="assets/images/pic-26-1.jpg" width="50"></a>
>> </div>
>>
>
>If the image pic-26-1.jpg is not actually 50px wide it is not a good
>idea to resize using HTML attributes. Browsers are bad a resampling and
>there is no bandwidth savings because the whole large file must be
>downloaded. Create real thumbnails resampled to actual size.

Thanks david - that makes sense.

Cheers

Geoff

Similar ThreadsPosted
Display larger size image August 6, 2004, 11:56 pm
Use frame to show window into larger image? February 18, 2006, 12:09 am
Creating image maps with Adobe Illustrator or Image Ready. March 8, 2005, 12:42 pm
How to lauch an image editor when click on an image link ? November 8, 2004, 7:00 am
Is a "ZIP" extension the ONLY way to force a "SAVE AS" for your PDF? August 10, 2004, 1:43 pm
How to force a page to be into a frame? October 8, 2005, 5:47 am
Force CSS on external site? December 13, 2004, 6:00 pm
force download of a file February 3, 2006, 2:43 pm
force users to different pages? March 21, 2008, 4:58 am
Force Page-break when printing February 2, 2006, 11:44 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap