Results 1 to 9 of 9

Thread: Lightbox

  1. #1
    Join Date
    Jun 2007
    Location
    Florida
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox

    1) Script Title: LightboxV 2.03

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm

    3) Describe problem:

    I have used the script in Dreamweaver and it works well. The only item that I do not seem to be able to work out are the "Prev" and "Next" steps. They just do not appear anywhere on my image
    I do not lnow where to include them if I need to enter them in the code.
    The complete content of the script is in my "images folder"..

    I was hoping someone could guide me on this.

    P.S. I got the lightbox last week after posting for a search on this forum. It is a great script!!

    Thanks

  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

    To get a 'group' that exhibits the previous/next feature, you need to add a group name inside of brackets [] to each rel="lightbox" attribute in that group:

    HTML Code:
    <a href="image1.jpg" rel="lightbox[group1]">One</a> 
    <a href="image2.jpg" rel="lightbox[group1]">Two</a> 
    <a href="image3.jpg" rel="lightbox[group1]">Three</a>
    Use the brackets. I say this because some people might think they are not for use in the actual code, but they are.
    - John
    ________________________

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

  3. #3
    Join Date
    Jun 2007
    Location
    Florida
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox

    Hi John: No I did not use the [group] attribute. I am using flowers images so I just used [flower] thinbking that it would be enough but I had no number next to it.
    I am going to correct everything and post the results

    Thanks for your help

    Tina

  4. #4
    Join Date
    Jun 2007
    Location
    Florida
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    HI John: I tried your suggestion but I am not getting the "Next or "Prev.

    This is the way I set up my code in Dreamweaver
    <a href="images/image-1a.jpg" rel="lightbox[group1]<one>" title="lily"><img src="images/thumb-1a.jpg" width="110" height="146" /></a>
    My Images are in a table

    Everything else works fine.

    I can change the css or enter a code if I have to;
    I appreciate any help
    Tina

  5. #5
    Join Date
    Jun 2007
    Location
    Florida
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sorry John : My code did not enclose the One in the <> as shown in my previous post . The code below is the one I used.
    <a href="images/image-1a.jpg" rel="lightbox[group1]one" title="lily"><img src="images/thumb-1a.jpg" width="110" height="146" /></a>

    Tina

  6. #6
    Join Date
    Sep 2006
    Location
    St. George, UT
    Posts
    2,769
    Thanks
    3
    Thanked 157 Times in 155 Posts

    Default

    Get rid of the highlighted part below and it should work:

    Code:
    <a href="images/image-1a.jpg" rel="lightbox[group1]one" title="lily"><img src="images/thumb-1a.jpg" width="110" height="146" /></a>
    Hope this helps.
    "Computer games don't affect kids; I mean if Pac-Man affected us as kids, we'd all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music." - Kristian Wilson, Nintendo, Inc, 1989
    TheUnlimitedHost | The Testing Site | Southern Utah Web Hosting and Design

  7. #7
    Join Date
    Jun 2007
    Location
    Florida
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    HI John: I deleted the "one". I now get under the title the info image 1 of 9
    and that is correct.
    However the"Next and Prev little image tabs do not appear at all.
    Is there any way that I can make them appear by inserting them in the code somewhere or changing the css? I can do that.

    I am using dreamweaver and the images are in atable format. It works great otherwise.
    I also tried by using Notepad to build the site with the same results.

    Thanks for the help

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

    I'm not sure what the problem is. It sounds like you haven't made the next/previous images available to the script and style in the folder where they expect them to be. But, as I say, I cannot be sure. I think that it is time, if you haven't already, to put up a live demo of your latest effort. Either way, give us a link to it.

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    - John
    ________________________

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

  9. #9
    Join Date
    Dec 2006
    Location
    Texas
    Posts
    38
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Here is one of my sections, hope it helps

    [code]
    <img src="images/22.jpg" alt="" /><a href="macros/slides/1.jpg" rel="lightbox[macros]" title="Reversed Lily">Macros</a><br/>
    <a href="macros/slides/2.jpg" rel="lightbox[macros]" title="Three Course Meal"></a>
    <a href="macros/slides/3.jpg" rel="lightbox[macros]" title="Two against One"></a>
    <a href="macros/slides/4.jpg" rel="lightbox[macros]" title="Cactus Bloom"></a>
    <a href="macros/slides/5.jpg" rel="lightbox[macros]" title="Cone Flower"></a>
    <a href="macros/slides/6.jpg" rel="lightbox[macros]" title="Pure White"></a>
    <a href="macros/slides/7.jpg" rel="lightbox[macros]" title="Respledent Demise"></a>
    <a href="macros/slides/8.jpg" rel="lightbox[macros]" title="Center Petals"></a>
    <a href="macros/slides/9.jpg" rel="lightbox[macros]" title="Peach rose"></a>[/code


    Remember, each image must have the [xxxxx] to get the tabs. And the first and last images in the set only have 1 tab not 2

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
  •