Title: WordPress and Lightbox &#8211; HELP!
Last modified: August 18, 2016

---

# WordPress and Lightbox – HELP!

 *  [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/)
 * Hey, I’m trying to integrate Lightbox into one of my pages, but I’m following
   [these](http://www.huddletogether.com/projects/lightbox2/#how) instructions literally
   and it’s definitely not working at ALL.
 * Has anyone done this and can take me through it????
 * [Here](http://www.createitdesignit.com) is the site I’m working with.
 * Thanks!

Viewing 15 replies - 1 through 15 (of 17 total)

1 [2](https://wordpress.org/support/topic/wordpress-and-lightbox-help/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/wordpress-and-lightbox-help/page/2/?output_format=md)

 *  [breakingball](https://wordpress.org/support/users/breakingball/)
 * (@breakingball)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561181)
 * You need to put the three Javascript files between the <head> and </head> tags
   in your header (where you put the Lightbox CSS file).
 * Right now, the Javascript files are inside the <body> tags.
 * Also, the CSS file needs a path associated with it, e.g.
 * <link rel=”stylesheet” href=”[http://www.createitdesignit.com/wp-content/plugins/lightbox/css/lightbox.css](http://www.createitdesignit.com/wp-content/plugins/lightbox/css/lightbox.css)
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561182)
 * Thanks, I had that originally but then it didn’t work, so I put them under <header
   > instead, re: the instructions. I tried a ton of things, an no dice… very confounded.
 * So the css file should be under the Jacascript files, next to each other?
 * Tascha
 *  [breakingball](https://wordpress.org/support/users/breakingball/)
 * (@breakingball)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561185)
 * It’s fine if they’re next to each other, but you will have to add an absolute
   path to the CSS file in your markup (see my post above) for this plugin to work.
 * You will also have to go into the CSS file and the lightbox.js file to add the
   path to the .gif files mentioned in Item 3 of the linked instructions.
 *  [breakingball](https://wordpress.org/support/users/breakingball/)
 * (@breakingball)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561192)
 * I see you’ve moved the javascript files where they belong, but you need to add
   the path to those files as well, e.g.,
 * <script type=”text/javascript” src=”[http://www.createitdesignit.com/wp-content/plugins/lightbox/js/prototype.js”></script&gt](http://www.createitdesignit.com/wp-content/plugins/lightbox/js/prototype.js”></script&gt);
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561193)
 * Thank you so much!
 * To recap, because I’m apparently an idiot tonight…
 * Add <link rel=”stylesheet” href=”[http://www.createitdesignit.com/wp-content/plugins/lightbox/css/lightbox.css&#8230](http://www.createitdesignit.com/wp-content/plugins/lightbox/css/lightbox.css&#8230);
   inside the css file from Lightbox. I assume I can edit it in Dreamweaver and 
   re-upload it to the site?
 * And what is ‘adding a path’?
 * I should have it by then… thanks so much for your help!
 * Tascha
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561194)
 * I didn’t see your second post… I added that script right below the other java’s.
 * Correct?
 * Tascha (TaschaBlair on AIM)
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561196)
 * Also… is there a plugin that I should have? I just downloaded this and started
   manually doing it. This isn’t intuitive for me yet, I’m just learning. Bah.
 * Tascha
 *  [breakingball](https://wordpress.org/support/users/breakingball/)
 * (@breakingball)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561197)
 * _“I added that script right below the other java’s._
 * Correct?”
 * No. 😉
 * There are three javascript files already in your header. You don’t need to add
   more javascript files.
 * All you need to do is add this:
 * `http://www.createitdesignit.com/wp-content/plugins/lightbox/`
 * between **src=”**
 * and **js/_.js”></script>**
 * in each of the three files you initially added to your header.
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561203)
 * Oh, I see what you are doing… got it. I added the address to the three Javascript
   files, and to the css one. Perfect!
 * Still though… this talk of plugins, do I need to download it somewhere, or should
   this still work? (it doesn’t yet, something else is wrong)
 * Tascha
 *  [breakingball](https://wordpress.org/support/users/breakingball/)
 * (@breakingball)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561210)
 * _something else is wrong_
 * I don’t see any images, so it’s hard to say.
 * Add images to your posts like this:
 *     ```
       <a href="http://www.createitdesignit.com/wp-content/image_folder_name/image_name.format" rel="lightbox" title=".."><img src="http://www.createitdesignit.com/wp-content/image_folder_name/image_name.thumbnail.format" title=".." alt=".."/></a>
       ```
   
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561212)
 * Sweet, that worked, but no Lightbox… just shows up in a different window. Where’s
   the cool Javascript!!
 * How easy did I think this was by reading the 4 step directions…
 * Breakingball, I wish I could repay you somehow, you’ve been fantastic! And whay
   are you still awake??
 * Tascha
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561213)
 * Oh wait, god, there is a scroll bar that I didn’t see. I will try that next.
 * Dur…
 * Tascha
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561214)
 * Kay, tried it. Still not working…
 * I put in this:
 * `<a href="http://www.createitdesignit.com/wp-content/themes/rusty/images/HooferWebsite.
   jpg"rel="lightbox" title="A redesign for HRC"><img src="http://www.createitdesignit.
   com/wp-content/wp-content/themes/rusty/images/HooferWebsiteThumb.jpg.thumbnail.
   format" title="HRC Website" alt="HRC"/></a>`
 * Right?
 * I’m gonna jump on the Lightbox forums as well, this can’t be THIS difficult…
 * Tascha
 *  [breakingball](https://wordpress.org/support/users/breakingball/)
 * (@breakingball)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561217)
 * _HooferWebsiteThumb.jpg.thumbnail.format_
 * No. The name of this file has to be:
 * `HooferWebsite.thumbnail.jpg`
 * Same with the others, e.g.,
 * `SpringTask.thumbnail.jpg`
 * I just used “format” because I didn’t know what kind of images you were using.
 * Good luck!
 *  Thread Starter [taschablair](https://wordpress.org/support/users/taschablair/)
 * (@taschablair)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/#post-561232)
 * Kay, last time… changed them to “.thumbnail.jpg” and nothing happened.
 * Any last ideas before I chuck this train of thought????
 * Thanks!!
 * KB

Viewing 15 replies - 1 through 15 (of 17 total)

1 [2](https://wordpress.org/support/topic/wordpress-and-lightbox-help/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/wordpress-and-lightbox-help/page/2/?output_format=md)

The topic ‘WordPress and Lightbox – HELP!’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 17 replies
 * 2 participants
 * Last reply from: [taschablair](https://wordpress.org/support/users/taschablair/)
 * Last activity: [19 years, 1 month ago](https://wordpress.org/support/topic/wordpress-and-lightbox-help/page/2/#post-561244)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
