Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Help w/ lightbox v. 2.04a for a major dumb newb :/

  1. #1
    Join Date
    Jan 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help w/ lightbox v. 2.04a for a major dumb newb :/

    1) Script Title: Lightbox JS v2.04

    2) Script URL (on DD): http://home.comcast.net/~jscheuer1/side/lightbox2.04a/

    3) Describe problem: I realize the above is not from this website, but it was a link given to another poster here awhile ago from this post - http://www.dynamicdrive.com/forums/s...ad.php?t=50238

    My problem is that I am very green to this whole website/script thing and I am really confused trying to make this thing work on my website. I am wondering what I am supposed to do with what is in the folder I download. Do I upload it to my webhosting site? And if so, how do I do that? In what folders do I put it? Because right now when testing it out, the lightbox does not come up. The link goes to another page altogether and it is so frustrating because I think I am pasting everything into the right place. So I need a serious dummies version if anyone would care to help me out. I would SO very much appreciate it.

    Oh here is what I have in terms of where I placed the script on my html document -

    <html>

    <head>

    <body bgcolor = "000000" text = "cccccc">

    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">

    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>


    </head>

    <a href="images/younggirl.jpg" rel="lightbox" title="young girl">young girl</a>

    </html>

    I mean do I have to create a new directory for the images I want on that page? Anyway, thanks to whomever decides to take me on! haha!

    xo Rachel

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Code:
    <html>
    
    <head>
    
    
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
    
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    </head>
    
    <body bgcolor = "000000" text = "cccccc">
    
    <a href="images/younggirl.jpg" rel="lightbox" title="young girl">young girl</a>
    </body>
    </html>
    Your head does not contain anything that should be displayed on the page. Things that are displayed on the page go into the body the head should be closed before the body. The head can contain things that tell the page how to display things in the body.
    Corrections to my coding/thoughts welcome.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,920
    Thanks
    43
    Thanked 3,187 Times in 3,151 Posts
    Blog Entries
    12

    Default

    Generally one should just accept the folder structure as presented in the archive and use that on one's local and one's website installations. If you know about folders and paths, then of course feel free to move things around. If you want more help:

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


    That way we can tell what's where it's supposed to be and what's not, so as to advise you further.
    - John
    ________________________

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

  4. #4
    Join Date
    Jan 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks guys ... I really have no idea what you are talking about bluewalrus! Trust me when I say, I am new at this.

    Here is the link to my test page - http://www.kundavega.com/photography.htm

    Also, if someone could just tell me what to do with the lightbox file after I dl it ... that would be great. It is saved in my documents file right now. I am just not sure what to do with it.

    Thank you both so much for trying to help me out with this.

    xo Rachel

  5. #5
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Copy the code I've put and overwrite the code you have right now, or move <body bgcolor = "000000" text = "cccccc">
    so it is after </head>
    Put the files the light box downloader gave you on to your server.


    Your image is not where you have it linked from, so correct that as well.
    Corrections to my coding/thoughts welcome.

  6. #6
    Join Date
    Jan 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks Bluewalrus! Regarding uploading the files onto my server, there are three different files ... css ... js ... and images. Do I just dump the contents of all those files onto my server where my photos are? Or do I create appropriate directories for them and upload them into different files. This is where I am confused big time! Right now my pictures are in one directory. Actually, everything on my site is in one directory. So do I just upload all of the lightbox files into that directory? Thank you!!

    xo Rachel

  7. #7
    Join Date
    Jan 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok here is what I have right now - http://www.kundavega.com/photography.htm - and after uploading all the files onto my kundavega directory on my server and it is still doing the same thing. What am I doing wrong? I am so flummoxed.

  8. #8
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    delete the directory calls since you uploaded each file individually

    e.g.
    css/lightbox.css
    replace with

    lightbox.css
    Corrections to my coding/thoughts welcome.

  9. #9
    Join Date
    Jan 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am pretty sure I already did that. I mean everything that I downloaded from the lightbox 2.04a file I uploaded into my kundavega.com directory ... all of images too. There are no separate files containing anything. So I mean at this point I am really unsure why it is not working. I am so frustrated right now. I am sure it is a very simple thing that I am just not getting. Maybe if I took a screenshot of the directory you could look at it?

  10. #10
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    I know where the files are, and where they are referenced in your page and that is the problem.

    You have this
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
    Which long hand is

    <link rel="stylesheet" href="http://www.kundavega.com/css/lightbox.css" type="text/css" media="screen">
    But your directory structure is

    <link rel="stylesheet" href="http://www.kundavega.com/lightbox.css" type="text/css" media="screen">
    because you dont have the "css" directory so for shorthand just put

    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen">
    and like wise for the javascript files.

    You can test these links to see it

    http://www.kundavega.com/lightbox.css

    http://www.kundavega.com/css/lightbox.css
    Corrections to my coding/thoughts welcome.

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
  •