There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
Search
 
Web Design & Development
Tag Cloud
acer audio bios boot bsod computer connection crash dell display drive driver drivers error excel firefox freeze hard disk hard drive hardware hijackthis install internet laptop linksys macro malware network outlook outlook 2003 outlook 2007 password problem recovery redirect server slow sound trojan usb video virus vista windows windows 7 windows vista windows xp windowsxp wireless youtube
Search
Search for:
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Solved: Lightboxes

Tip: Click here to scan for System Errors and Optimize PC performance
[ Sponsored Link ]

Closed Thread
 
Thread Tools
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
10-Nov-2009, 04: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 10,175 posts.
 
Join Date: Feb 1999
Location: Chambersburg, PA
Experience: Advanced
10-Nov-2009, 05: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,145 posts.
 
Join Date: Nov 2007
Location: South Africa
Experience: Intermediate
10-Nov-2009, 11:02 PM #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>
__________________
Truly gifted people are not the people who know all the answers, but the people who ask the questions

I have recently been playing around and have created a website for my students. If you have a little time I would greatly appreciate it if you could take a look and let me know what you think and give me some ideas.
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
11-Nov-2009, 07: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 09:17 AM.
_Nessa_'s Avatar
Computer Specs
Member with 55 posts.
 
Join Date: Sep 2009
Experience: Intermediate
11-Nov-2009, 12: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, 06: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 10,175 posts.
 
Join Date: Feb 1999
Location: Chambersburg, PA
Experience: Advanced
11-Nov-2009, 09: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, 09: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,145 posts.
 
Join Date: Nov 2007
Location: South Africa
Experience: Intermediate
11-Nov-2009, 09:58 PM #9
So pleased it is working
TechGuy's Avatar
Computer Specs
Administrator with 10,175 posts.
 
Join Date: Feb 1999
Location: Chambersburg, PA
Experience: Advanced
11-Nov-2009, 09:59 PM #10
Me too! Thanks for reporting back.
Closed Thread Bookmark and Share   techguy.org/876200

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.

Smart Search

Find your solution!



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


You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -5. The time now is 11:42 PM.
Copyright © 1996 - 2010 TechGuy, Inc. All rights reserved.
Powered by Cermak Technologies, Inc.