Help - Search - Members - Calendar
Full Version: Whats The Code For A Thumbnail Image?
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
k.digennaro
I cant remember the code to create a thumbnail.

Basically I want the code to create a thumbnail, then i want to add the lightbox code inside it.
Brooke
Are you talking about something like this:
http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

Because I only know that you make the thumbnails in your image editing program and that the Lightbox code is something you probably just put in your HTML code.
k.digennaro
QUOTE(Brooke @ May 20 2008, 04:22 AM) *
Are you talking about something like this:
http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

Because I only know that you make the thumbnails in your image editing program and that the Lightbox code is something you probably just put in your HTML code.

thanks a bunch brooke, thats exactly wat i needed
EMOruffino
you could of used a gallery system.... does everything for you.

Saurdo Gallery Version is a very good one.
k.digennaro
QUOTE(EMOruffino @ May 20 2008, 02:54 PM) *
you could of used a gallery system.... does everything for you.

Saurdo Gallery Version is a very good one.

hmmmm, didnt know that existied lol ill check it out

QUOTE(EMOruffino @ May 20 2008, 02:54 PM) *
you could of used a gallery system.... does everything for you.

Saurdo Gallery Version is a very good one.

hmmmm thats for the suggestions, i checked it out, but honestly its not what i was thinking for my gallery, although you could probally edit it to do what i want. Ill see if i can get the gallery to work, if not i might just use this.

Thanks,
Kevin
k.digennaro
hmmm, do i need to upload files to fill the spot of the thumb nail? for instance thumb_filename? in order to see a thumb nail?
machine
If this is what you wanted to know, then you need to create the thumbnail image [or you could use a software that does it to do it for you], upload it and use the lightbox code with that thumbnail image. See below:

CODE
<a href="path to your large image/file name of large image" rel="lightbox"><img src="path to your thumbnail image/file name of thumbnail image" width="336" height="252" alt="alternate caption"></a>


Note: "large image" here refers to the image you want displayed in your lightbox. The image dimensions are for the thumbnail image. The alt tag is for an alternate text/caption.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2013 Invision Power Services, Inc.