Resizing Pictures

Accurax · #1 Dec 13th, 2006, 16:55

Im calling some pictures from my database with the following code;

echo "<ul id='thumbs'><li><a href='#nogo'><img src='". $row['picture']. "'></a></li></ul>";

The problem is that the pictures display at full size, and i want to display them at a smaller "thumbnail" size.

How would i go about styling this list to display the images at a smaller size?

Thanks guys

Accurax · #2 Dec 13th, 2006, 17:02

sok i got it

Code: Select all

ul#thumbs {
    padding:0;
    margin:0;
    width:64px;
    height:48px;
    position:relative;
  }
#thumbs li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
 #thumbs a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
#thumbs a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #FFFFFF; 
  z-index:100;
  }

does the trick

moojoo · #3 Dec 13th, 2006, 19:02

You should have a thumbnail version of each image also in the database with a link to the full size one.

Accurax · #4 Dec 13th, 2006, 20:33

I dont need one if i use the above method.... saves on disk space

snow · #5 Dec 13th, 2006, 21:15

ooh, but it's bad web practice!

Generally - if it's an image that they have to click/perform an action on, to make bigger then you should provide a thumbnail to save user load time...

It's all about the users time/storage, not ours!

Snow

Ryan Fait · #6 Dec 14th, 2006, 00:51

Yeah, it's very bad not to have thumbnails. Besides, they're only a few Kb.

Accurax · #7 Dec 14th, 2006, 09:16

Remember, these pictures are uploaded by the users themselves .. not me...... and i really dont fancy the idea of editing and resizing every pic that everybody uploads into a thumbnail..... besides the pics all need to be used dynamically, i cant think of an instance where these particular images will be used in plain html.

Ryan Fait · #8 Dec 14th, 2006, 11:44

PHP could do that for you easily. Do a google search on PHP resize.

Accurax · #9 Dec 14th, 2006, 12:23

yeah i looked into that.

I might change it eventually ....... but ive got so much to do right now its gonna have to move down the list, just below designing a logo.

Bugger .... gotta register a domain

/me runs off

Ryan Fait · #10 Dec 14th, 2006, 19:05

It seems like it would be so much less work to do it now, rather than later. In fact, I take it back, you don't even need to upload a thumbnail, you can just use PHP to resize the full one as the thumbnail on the fly. A 10 line PHP script and you're done.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Pictures	VanessaJW	Webforumz Cafe	36	May 22nd, 2007 16:15
resizing....	jjgamepro17	Web Page Design	3	Apr 18th, 2007 20:22
php uploading pictures	Accurax	PHP Forum	16	Dec 18th, 2006 12:20
gap between pictures	maksinx	Graphics and 3D	9	Aug 15th, 2006 17:19
Postin Pictures	franknu	PHP Forum	5	Jun 24th, 2006 15:51

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Resizing Pictures