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

Thread: :: Lightbox image viewer title problem

  1. #1
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default :: Lightbox image viewer title problem

    1) Script Title: :: Lightbox image viewer 2.03a


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

    3) Describe problem:
    I would like the thumbnail image to have a different title(Alt) then the alt of its enlarged size (when opened in lightbox).
    is that possible?

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Do you want the same title for every image, or do you need to specify a unique title for every image as a thumbnail?
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    I would like the images to have a title and the thumbnail to have a different title

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

    By title in the lightbox, do you mean the caption? It's controled by the title attribute of the link. If you want the thumbnail to have a different title, give it one, example:

    Code:
    <a href="somebig.jpg" rel="lightbox" title="Lightbox Title/Caption"><img 
    src="somethumb.jpg" alt="" title="Thumbnail Titile"></a>
    - John
    ________________________

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

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

    emanuelle (04-25-2011)

  6. #5
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    http://nihuta.co.il/test/nihuta/index.html

    i have 2 problems here:
    1. i want the close button to be on top/right. but doesnt work well
    2. the light box jumps every time I move to the next image

    any idea?

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

    That link is currently not responding. The server is down or overloaded. I'll try again later.

    In the meantime, check to make sure that there is a standards invoking DOCTYPE as the very first thing in the page's source code.
    - John
    ________________________

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

  8. #7
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    ok its working now
    looking forward to hear from you

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

    Some background questions:

    1. Of all the lightbox type scripts available, why are you using this (DD's v2.03a) particular one?

    2. Where did you get that lightbox.css and the images it uses?


    and some observations:

    1. I think it may be one or more of those direction: rtl; styles that's messing up how the lightbox opens and how it switches from group item to group item. If so that can probably be fixed by switching back to ltr for most of the lightbox, and then doing rtl again for the actual text within the lightbox. Other elements within the lightbox may be positioned if need be.

    2. It's probably that and/or the lightbox.css I was asking about that's responsible. I'm thinking that, if you got the lightbox.css/helper images from another lightbox type script, you might be better off using it because the way it opens those styles might be smoother.

    3. In any case, the lightbox.js version being used is out of date
    - John
    ________________________

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

  10. #9
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    thank you
    where can I find an updated lighbox.js?

  11. #10
    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

    Another thing that occurred to me is the animation. Set it to false as shown (around line #70 in lightbox.js):

    Code:
    // -----------------------------------------------------------------------------------
    
    //
    //	Configuration
    //
    var fileLoadingImage = "images/loading.gif";		
    var fileBottomNavCloseImage = "images/closelabel.gif";
    
    var animate = false;	// toggles resizing animations
    var resizeSpeed = 7;	// controls the speed of the image resizing animations (1=slowest and 10=fastest)
    
    var borderSize = 0;	//if you adjust the padding in the CSS, you will need to update this variable
    
    // -----------------------------------------------------------------------------------
    That may fix the jumpiness regardless of the cause.

    I did try turning off direction: rtl; for the entire page, that didn't seem to help. But it's one thing to do that after the page is initialized, and another to rewrite the page without it. Doing either would only be an experiment to see what the cause is. But what I did tends to indicate that rtl might not be the problem. If you removed all direction: rtl; styles temporarily and that fixed it or didn't fix it, that would answer that question definitively. Something you should try with that is getting rid of all align="right" attributes and all text-align: right; styles. The default is left and Lightbox might be depending upon that for smoothness. You should try eliminating all of those and all direction styles together, just as an experiment. If that fixes it, we could perhaps bring them back, and work around the problem(s) they cause the lightbox.

    But try just turning off the animations first. That might work.


    To answer your question though, there are so many lightbox type scripts. I currently like:

    • ColorBox
    • FancyBox (its css is closest to what you're going for, so might be a good choice if its the lightbox.css that's throwing things off)


    The original Lightbox is up to version 2.05 now:

    http://www.huddletogether.com/projects/lightbox2/

    You can Google 'lightbox' and 'lightbox clones' to find others.
    Last edited by jscheuer1; 04-28-2011 at 02:34 AM. Reason: English Usage
    - John
    ________________________

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

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
  •