There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
Search
Web Design & Development
Tag Cloud
access acer asus bios bsod computer crash driver drivers error ethernet excel freeze games gaming gpu hard drive hardware hdmi internet java laptop malware memory monitor motherboard music network obp printer problem ram random registry router slow software sound trojan usb video virus vista wifi windows windows 7 windows 7 32 bit windows 7 64 bit windows xp wireless
Search
Search for:
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Solved: Lightboxes

Reply  
Thread Tools
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
10-Nov-2009, 06:25 PM #1
Solved: Lightboxes
I'm hoping c/w come back on soon but in the mean time:

I need some help with lightboxes. I've got the thumbnail images set up but I can't seem to find any working code to actually get the lightboxes working . Any suggestions?
TechGuy's Avatar
Computer Specs
Administrator with 11,552 posts.
 
Join Date: Feb 1999
Location: Chambersburg, PA
Experience: Advanced
10-Nov-2009, 07:59 PM #2
You can download the code from the lightbox web site:
http://www.huddletogether.com/projects/lightbox2/

If it's not working for you, it's probably not installed correctly. Read over the instructions and try again. If you still can't get it, post back here with some more details (and maybe even a link!)
caraewilton's Avatar
Computer Specs
Senior Member with 1,288 posts.
 
Join Date: Nov 2007
Location: South Africa
Experience: Intermediate
11-Nov-2009, 01:02 AM #3
Hi there. Once you have copied the required files into your folder, you must attach the reuired scripts and css in your header:

Code:
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Make sure the href point to where you have saved the lightbox files. To make life easy, just save all the lightbox folders "images", "scripts" and "css" into the folder where you have your gallery.

Then in the thumbnail link just add
Code:
rel="lightbox[group-name-of-your-choice]"
A common link would look like this:
Code:
<a href="slides/01.jpg" rel="lightbox[courtney]"><img alt="Courtney House" src="thumbnails/01.jpg" width="100" height="74" /><br />Courtney House</a>
__________________
Here is the updated and working link for anyone looking for the tutorial: how to create a web page photograph gallery using CSS and HTML
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
11-Nov-2009, 09:52 AM #4
I found the lightbox scripts on huddled together, it's possible I didn't install them correctly, but I'll try again.

I'm positive I have that code right though. Hmmmm...

It's probably something stupid that I missed, I'll keep searching.

EDIT

I've got all my scripts loaded to the site, I'm positive. They are all in the public_ftp folder; but I remember this is one of my idiot-issues I had with loading spry. That is where they are supposed to be right?

Anyway I've got my scripts at the top of my page. Then I've got my links all set up properly
<a href=".../images/.../ducks.jpg" rel="lightbox"><img alt="ducks" src=".../images/.../ducks.jpg" width="100" height="74" /><br />The Ducks</a>

*head desk*

- I chose not to do group names for simplicity's sake (at least for now) I'm only going to be placing one gallery on this site.

For right now nothing is happening when I click on the thumbnail.

Last edited by _Nessa_; 11-Nov-2009 at 11:17 AM..
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
11-Nov-2009, 02:48 PM #5
It's working perfectly in live-view (dw) so theoretically it should be working perfectly on the site... practically it is NOT.

All relevant files have been loaded to the site & are in the correct locations.
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
11-Nov-2009, 08:38 PM #6
I'm an idiot.

I got it working

Thanks for the help guys. It looks amazing!!
TechGuy's Avatar
Computer Specs
Administrator with 11,552 posts.
 
Join Date: Feb 1999
Location: Chambersburg, PA
Experience: Advanced
11-Nov-2009, 11:44 PM #7
Glad to hear it! What did it end up being?
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
11-Nov-2009, 11:47 PM #8
I had uploaded the scripts, but my FTP missed 3 of them & I hadn't noticed >. Should have been one of the first thing I checked (and of course it was) but I just didn't put 2 and 2 together.
caraewilton's Avatar
Computer Specs
Senior Member with 1,288 posts.
 
Join Date: Nov 2007
Location: South Africa
Experience: Intermediate
11-Nov-2009, 11:58 PM #9
So pleased it is working
TechGuy's Avatar
Computer Specs
Administrator with 11,552 posts.
 
Join Date: Feb 1999
Location: Chambersburg, PA
Experience: Advanced
11-Nov-2009, 11:59 PM #10
Me too! Thanks for reporting back.
Reply

THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.

Search Tech Support Guy

Find the solution to your
computer problem!




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
WELCOME TO TECH SUPPORT GUY! Are you looking for the solution to your computer problem? Join our site today to ask your question -- for free! Our site is run completely by volunteers who want to help you solve your computer problems. See our Welcome Guide to get started.
Thread Tools



Facebook Facebook Twitter Twitter TechGuy.tv TechGuy.tv Mobile TSG Mobile
You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 10:42 AM.
Copyright © 1996 - 2011 TechGuy, Inc. All rights reserved.

Powered by Cermak Technologies, Inc.