473,387 Members | 1,621 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Displaying thumbnail versions of full images

4
Hi,
I would like to be able to display thumbnail versions of the full images on my website.
Currently I have to make the thumbnails manually so I wonder if there is any way of displaying reduced size and resolution version of the original images in a webpage automatically?
I believe autotrader do this on http://www.autotrader.co.uk (I could be wrong) but I cannot see how.
I am a novice at Javascript so if someone is clever and kind enough to help please give a full explanation.
thanks in advance
Blue10
Jun 5 '07 #1
4 1526
dmjpro
2,476 2GB
Hi,
I would like to be able to display thumbnail versions of the full images on my website.
Currently I have to make the thumbnails manually so I wonder if there is any way of displaying reduced size and resolution version of the original images in a webpage automatically?
I believe autotrader do this on http://www.autotrader.co.uk (I could be wrong) but I cannot see how.
I am a novice at Javascript so if someone is clever and kind enough to help please give a full explanation.
thanks in advance
Blue10

I think for it there is no need of JS code.
It is possible in HTML

Expand|Select|Wrap|Line Numbers
  1. <img src = "" style = "width:100px;height:200px" />
  2. <!--Here ur image size ll be 100X200 whatever ur original size is-->
  3.  
Have a good day.

Kind regards,
Dmjpro.
Jun 5 '07 #2
acoder
16,027 Expert Mod 8TB
You could do this on the server-side.

If you want to do this using Javascript, use the document.images array. Loop through it and set the height and width using the appropriately named height and width properties. See link.
Jun 5 '07 #3
mrhoo
428 256MB
Your thumbnails made in an image editor will be much higher quality for much less file size than anything you can get with html or javascript resizing-
Jun 5 '07 #4
Blue10
4
Thank you all for your advice.
Yes I suppose in these days of ADSL I could just display the images smaller, I was looking at bandwidth really as my thumbnails are generally 6KB compared with 60KB for a 640x480 version so was hoping for a "magic" script that would reduce the res too.
thanks
Blue10
Jun 5 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

24
by: Mark Sargent | last post by:
Hi All, response.write FilePath gives this path, ImageName.jpeg but the image(s) doesn't display in the below code. What am I missing..? Cheers. <%Response.Write FilePath%> Original...
11
by: Ian Davies | last post by:
Hello Im having problems displaying my images as thumbnails in a table. My code for producing the new width and height from the original image is as follows...
2
by: marvin | last post by:
Hi, I am trying to display images in a repeater from a SQL database and do some transformations on the image prior to displaying them (such as thumbnail with a shadow). The problem is I can't...
2
by: johnb41 | last post by:
In my app, I need to open up a multipage tiff file, and also display it's thumbnail images IN HIGH QUALITY. (High Quality meaning anti-aliased, and looking good; not rough and pixely) The...
1
by: David Lozzi | last post by:
Hello, I'm wondering whats the best method to use for displaying several photos' thumbnails. One method I know is to dynamically resize the photo at the time the page is loaded. What does this...
1
by: Xah Lee | last post by:
The following is a program to generate thumbnail images for a website. Useful, if you want to do that. It is used to generate the thumbnails for my “Banners, Damsels, and Mores” project...
8
by: barb | last post by:
So that the world at large benefits from our efforts, here is one fully documented way to use Windows Irfanview freeware to create thumbnail web galleries (http://www.irfanview.com). STEP 1:...
8
by: Arno R | last post by:
Hi all. When I need to search for pictures, I always have too choose thumbnail-view manually. Is it possible to open the common dialog in thumbnail-view programmatically? Example ?? At the...
1
by: littlealex | last post by:
IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.