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

Thread: help with lytebox appreciated

  1. #1
    Join Date
    Dec 2008
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default help with lytebox appreciated

    Hello
    I must admit I am a newbie to web building/css/javascript etc so would be very grateful for any advice regarding Lytebox please.
    I have installed it and it works after a fashion. However the buttons are missing and although I have uploaded the files I assume I have missed a link somewhere. Also how do I layout the thumbnails on the web page like a gallery please - four cols would be great. At the moment I am just experimenting with align left but feel sure there is a better way.
    Thank you for any help.

    Link to web page
    http://voyagerspoland.info/Photos.htm
    Link to image of files
    http://s166.photobucket.com/albums/u...ent=filing.jpg
    Last edited by Snookerman; 04-22-2009 at 08:38 AM. Reason: added “Resolved” prefix

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    The css points to this image:
    Code:
    http://voyagerspoland.info/images/next_grey.gif
    which does not exist.

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

    Default

    Thanks for pointing me in the right direction but please tell me where the
    css is!

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    If you look at your .css file, you will find the code for the previous image on row 34 (#lbPrev) and the code for the next image on row 41 (#lbNext).

  5. #5
    Join Date
    Dec 2008
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you for your patience but I do not see the connection.
    I found the lines you mentioned and the link on my page points to the lytebox css file !!
    Where am I missing the point....do I need to add another link to my page....
    Thanks again

  6. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Look at this line in your css:
    Code:
    #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
    and this line:
    Code:
    #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
    The highlighted part is the url to your prev and next images. Make sure that points to the correct place, where you have the images. To be sure you get it right, set the entire path, e.g. but of course on your site.

  7. #7
    Join Date
    Dec 2008
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Almost there and thanks again.
    Does this seem correct to you.......
    { background: url('http://voyagerspoland.info/js/lytebox/next_grey.gif')

    In my uploaded files the lytebox css file is in a folder named lytebox.
    The complete gallery upload folder is called js which contains two files..
    one called pix and one called lytebox.

    Also do all the url's need to be amended or just the ones you mentioned and do I change all mentions of "images" to lytebox !

    Now I understand it a bit better I think the lytebox css file is the same as lightbox css which does have an images file. Lytebox did not come with an images file - would it be better to create one!

    Thanks very much

  8. #8
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    The other urls are for other colors. Since you are using the grey one, you don't need to care about the other ones. I see that it works fine now, do you have any other questions? If not, you can go to your first post in this thread, click edit, then go advanced and then add the Resolved prefix for this thread.

  9. #9
    Join Date
    Dec 2008
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    You have been really good about helping me out - thank you.
    Can I assume I do the same with 1b close to get the "close" button to appear
    and have you a suggestion please to tidy the web page thumbnail layout.
    Is there a css file I need to add to create the gallery effect!
    Thank you again

  10. #10
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Yes, do the same thing for the close button (#lbClose).

    I don't really know how you want to tidy it, but the reason the images appear on different rows is because they are wrapped in <p></p> tags. Remove those to have them on the same row (if you want that of course).

    I also don't know what kind of gallery effect you are looking for (the lytebox itself is a gallery effect), but you can find quite a few on Dynamic Drive.

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
  •