Help - Search - Members - Calendar
Full Version: thumbnails
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
Smarmosaur
ok, i'm pretty sure this has been asked somewhere before, but here goes.

i want to be able to click a thumbnail on my website and open the graphic in a new window, that automatically resizes for the image. it would also be nice to use that new window if another thumbnail is clicked, so that the new image replaces the old one, and that auto resizes.

i have no clue what type of coding or whatever is used to do this. i want something simple, because i'm going to have dozens of these floating around my site. i'm just simply asking for somebody to point me in the right direction.
any help appreciated! :]
synatribe
lightbox is the way to go or just use coppermine, but Java is ALOT easier :]
Smarmosaur
ok, so, i forgot to mention that it's going in a blog entry. so, if i put all the necessary coding in the CSS file for the page, and put the attribute where needed, it'll work, right? stupid question, i know, but i have no experience with the thumbnail thing. :]
Smarmosaur
ok, i got it all working and such, just one problem...there's a HUGE space between the table that i have the thumbnails in and the blog title. it's something to do with the table, because if i just put in a thumbnail without the table, it works fine.

clicky for blog

the first post is without the table, the last post is with. help?
Smarmosaur
i don't have the style uploaded and such. if you notice, it's actually the same window, the image is just so big that it looks like a new window, but i'll figure out how to take care of that later. sorry. :]
anyways, it is working. if you click on a smaller image, like the ghosts in the last post, it does work. but i'm concerned about the space right now. =/

scratch that, it was working just a minute ago. blink.gif
Smarmosaur
well, i'm saying i don't think it's the script, it works fine if it's just the thumbnail and script, but once i put it in a table, it's all messed up.
but anyways. i'm trying to fix the other problem, it worked until like i posted that then it didn't! :[
Smarmosaur
double postttt!

but, i really could use some help...
the lightbox was working absolutely fine until mentioned in one of my previous posts. now i can't figure out for the life of me what's going on. i didn't change a thing and it just kind of stopped. remember i'm using this through a Nucleus blog from my website.
oh, also, should i just put the CSS for the lightbox in with my page CSS?
here's a link to the directory thingy, where all the lightbox files are uploaded: http://rockitstudios.890m.com/nublog/skins/portfolio/images/

nevermindddd, major blonde moment, i figured it out in a snap. XD.gif
'cept the CSS, i haven't done anything with it yet so should i just go ahead and stick it in my page CSS?
also, this is probably really obvious, but how can i go about putting equal spacing between each thumbnail without using a table?
Melissa
^ just c/p the lightbox css into your css or link it.

I'm not understanding your question about the thumbnails. What do you mean by equal spacing? Do you want them in a row with equal spaces between them?

If you want them to look all even, you're gonna have to play with the style in the image:
CODE
<img src="whatever" style="width:100px; height:100px;">

add the style= to all of the thumbnails and leave it alone. it'll be even by itself.

I THINK that's what you're asking
Smarmosaur
no, like...you know how you put margin's and such for like tables and it creates equal spacing between the cells? like that.

oh, duh, margins. XD.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.