Advanced Search

Page 1 of 3 123 LastLast
Results 1 to 10 of 24

Thread: Been at this for 12 hours Lightbox please help

  1. #1
    Join Date
    Mar 2008
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Been at this for 12 hours Lightbox please help

    I'm very new to this website building thing I'm trying to get Lightbox to work on my picture page. Ive went step by step from sevral sites and still cant get it to work Can someone please help me

    I'll keep refreshing page so ill respond to you in a min if you post

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

    Default

    Do you have a link to the problem page?
    "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

  3. #3
    Join Date
    Mar 2008
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    http://www.pugnosefarms.wsnw.net/page18.html

    Im not even sure where ive went wrong a step by step in laymens terms may be needed If you can help ill forever be in your debt

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

    Default

    In these lines, get rid of the highlighted part:

    Code:
    <link rel="stylesheet" href="http://pugnosefarms.wsnw.net/public_html/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/public_html//prototype.js"></script>
    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/public_html//scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/public_html//lightbox.js"></script>
    <!--End LightboxJS2-->
    
    <link rel="stylesheet" href="http://pugnosefarms.wsnw.net/public_html/css/lightbox.css" type="text/css" media="screen" />
    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

  5. #5
    Join Date
    Mar 2008
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Nope still nothing

  6. #6
    Join Date
    Mar 2008
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    I just don't know why i can't get it to work

  7. #7
    Join Date
    Mar 2008
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi i swapped to a code from http://particletree.com/features/lightbox-gone-wild/

    And it almost works can you tell me what im doing wrong
    i want the image to be a thumbnail size then expand when i click it

  8. #8
    Join Date
    Aug 2007
    Posts
    10
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    After looking at your code, you need to fix this link so that it's pointing to an actual file:

    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/scriptaculous.js?load=effects"></script>
    ...

    Also, your thumbnail is pointed at the wrong link... try this (after fixing that link):




    HTML Code:
    <html>
    <head>
    <title>
    Puppies
    </title>
    <!--Start LightboxJS2-->
    <link rel="stylesheet" href="http://pugnosefarms.wsnw.net/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/prototype.js"></script>
    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="http://pugnosefarms.wsnw.net/lightbox.js"></script>
    <!--End LightboxJS2-->
    
    </head>
    
    <body>
    <a href="http://pugnosefarms.wsnw.net/images/cop1w.jpg" rel="lightbox" title="Curly"><img src="http://pugnosefarms.wsnw.net/images/cop1w.jpg" border="0"/></a>
    
    
    </body>
    </html>

  9. The Following User Says Thank You to studiocreek For This Useful Post:

    Wizzap (03-19-2008)

  10. #9
    Join Date
    Aug 2007
    Posts
    10
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Make sure your thumbnail image is actually a thumbnail - should be smaller...

    you need to create a smaller version and reference that in your "img src" here:

    <a href="http://pugnosefarms.wsnw.net/images/cop1w.jpg" rel="lightbox" title="Curly"><img src="http://pugnosefarms.wsnw.net/images/cop1w.jpg" border="0"/></a>

    hope that helps...

  11. The Following User Says Thank You to studiocreek For This Useful Post:

    Wizzap (03-19-2008)

  12. #10
    Join Date
    Mar 2008
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    As you can see now the Light box opens but does not close or show the image

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
  •