Results 1 to 5 of 5

Thread: Help needed: lightbox 2.03a script

  1. #1
    Join Date
    Dec 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Help needed: lightbox 2.03a script

    Hello,

    Firstly, I apologise if I am posting in the wrong forum. It actually took me a while to navigate around and create a thread. I don't exactly know which forum my question actually falls under, either...

    Anyways, I am attempting to use the lightbox 2.03a (Lightbox Image Viewer 2.0) on my page.
    Here is the website link: http://www.shaib.webs.com/trial.html

    This is the coding I'm using in my trial page (I had to extract the bits related to the lightbox from the original coding so I don't get confused).

    Code:
    <!doctype html>
    <head>
    
    <title> JENESYS 2.0 REPORT </title>
    
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript" src="scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="lightbox.js"></script>
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    
    </head>
    
    <body background="wooden.png">
    <body bgcolor="#E6E1C5">
    
    <div id="album" style="position:absolute; z-index:30; left:80px; top:80px; overflow:hidden; width:680px; height:100%;">
    <a href="gallery/IMG_0001.jpg" rel="lightbox[jenesys]" title="caption here"><img src="gallery/0001.png"></img></a>
    <a href="gallery/IMG_0001.jpg" rel="lightbox[jenesys]" title="caption here"><img src="gallery/0002.png"></img></a>
    <a href="gallery/IMG_0001.jpg" rel="lightbox[jenesys]" title="caption here"><img src="gallery/0003.png"></img></a>
    </body>
    </html>
    I have enough knowledge of HTML and CSS to get me through and allow me to make some form of a website I am also using webs.com (freewebs.com) as my server to host my pages. I have uploaded the necessary files (lightbox.css, lightbox.js, scriptaculous.js and prototype.js) along with the necessary image files. These are all stored in folders in my Webs file manager. I have double checked and all my src="" links are correct in my <HEAD> section and also in the external files. I really don't know what I'm doing wrong...

    Help would be greatly appreciated.

    Thank you!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This script is a bit out of date but to fix this installation, upload effects.js from the distribution archive to:

    shaib.webs.com/
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    itsshai (12-30-2013)

  4. #3
    Join Date
    Dec 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much! That did the trick.

    Another thing, if you could please help me again.. is it possible to specify a specific size to the larger image when loaded, rather than me resizing each larger photo individually?

    (Did that even make much sense?)


    Edit: When I group the photos using the rel="lightbox[]" tag, it doesn't seem to work. The "next" and "previous" buttons, (sourced correctly in the lightbox.css file) do not appear ... The image only opens and loads, without the ability to navigate left or right...
    Last edited by itsshai; 12-30-2013 at 03:01 AM.

  5. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The page:

    shaib.webs.com/trial.html

    Doesn't seem to be there now.

    But to answer your questions, the path to images (like prev.gif, next.gif, etc.) in the css file is relative to the css file. Also, simply using:

    rel="lightbox[]"

    might not work, it's supposed to have a group name:

    rel="lightbox[groupname]"

    all images with the same group name should work with the next/prev buttons.

    There could also be other problems.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.


    About resizing, there's nothing built into this script for that. Some of the other more recent Box type scripts have the ability to resize the image according to how much space is available on the page and/or to accept a specific size for an image or group of images. See:

    http://fancybox.net/

    or:

    http://www.no-margin-for-errors.com/...e/#prettyPhoto

    for two such scripts. You can use Google to find other of these Box type scripts to see if any of them suit you better. There is a commercial version:

    http://visuallightbox.com/

    That might be worth using if this is for a commercial site.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #5
    Join Date
    Dec 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I've sorted it all out! I used another script that is similar to lightbox but caters for my needs. It's the Slimbox.

    Thank you very much for all your help and time.

Similar Threads

  1. Lightbox image viewer 2.03a help needed
    By emanuelle in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-22-2011, 06:26 PM
  2. Customizing :: Lightbox image viewer 2.03a help needed
    By rmartin in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-03-2010, 03:46 PM
  3. Lightbox 2 Help Needed
    By fulham7 in forum JavaScript
    Replies: 4
    Last Post: 11-10-2008, 08:20 PM
  4. Urgent help needed: Lightbox script conflict!
    By malihash in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 05-20-2008, 12:33 PM
  5. Auto size for: Fixed Tooltip script and Show Hint script needed
    By Null in forum Dynamic Drive scripts help
    Replies: 40
    Last Post: 04-26-2006, 01:18 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •