Forums

WordPress › Support » How-To and Troubleshooting

WordPress and Lightbox - HELP! (18 posts)

  1. taschablair
    Member
    Posted 2 years ago #

    Hey, I'm trying to integrate Lightbox into one of my pages, but I'm following these instructions literally and it's definitely not working at ALL.

    Has anyone done this and can take me through it????

    Here is the site I'm working with.

    Thanks!

  2. breakingball
    Member
    Posted 2 years ago #

    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

  3. taschablair
    Member
    Posted 2 years ago #

    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

  4. breakingball
    Member
    Posted 2 years ago #

    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.

  5. breakingball
    Member
    Posted 2 years ago #

    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>

  6. taschablair
    Member
    Posted 2 years ago #

    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... 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

  7. taschablair
    Member
    Posted 2 years ago #

    I didn't see your second post... I added that script right below the other java's.

    Correct?

    Tascha (TaschaBlair on AIM)

  8. taschablair
    Member
    Posted 2 years ago #

    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

  9. breakingball
    Member
    Posted 2 years ago #

    "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.

  10. taschablair
    Member
    Posted 2 years ago #

    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

  11. breakingball
    Member
    Posted 2 years ago #

    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>

  12. taschablair
    Member
    Posted 2 years ago #

    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

  13. taschablair
    Member
    Posted 2 years ago #

    Oh wait, god, there is a scroll bar that I didn't see. I will try that next.

    Dur...

    Tascha

  14. taschablair
    Member
    Posted 2 years ago #

    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

  15. breakingball
    Member
    Posted 2 years ago #

    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!

  16. taschablair
    Member
    Posted 2 years ago #

    Kay, last time... changed them to ".thumbnail.jpg" and nothing happened.

    Any last ideas before I chuck this train of thought????

    Thanks!!

    KB

  17. breakingball
    Member
    Posted 2 years ago #

    Any last ideas before I chuck this train of thought????

    Go here: http://www.huddletogether.com/forum/

  18. taschablair
    Member
    Posted 2 years ago #

    Thank you breakingball! I appreciate it so much, you have been very helpful:)

    Tascha

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags