Advanced Search

Page 3 of 3 FirstFirst 123
Results 21 to 26 of 26

Thread: Lightbox - add link inside caption

  1. #21
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,704
    Thanks
    43
    Thanked 3,133 Times in 3,097 Posts
    Blog Entries
    12

    Default

    OK, if you're sure you're happy with that script, get rid of SlimBox2 completely and use this mod of lightbox203a's main .js file (right click and 'Save As'):

    lightbox.js

    Use all of the other files that go with lightbox2.03a, simply substitute the above for its lightbox.js file.

    What this does is allow you to use this syntax for the link:

    Code:
    <a href="images/image-1.jpg" rel="lightbox" rev="Does <a href='http://www.google.com/'>Huh?</a> work?"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
    In other words, just like we were doing with SlimBox2.
    - John
    ________________________

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

  2. #22
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    I had some urgent email issues with NetSol last week and this week that have consumed most of my time (steer clear of them!). Finally was able to focus on this and got it all set up. It works - a million thanks!!

  3. #23
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    One small issue I found. The lightbox doesnt extend the full length of the page, and it messes up the 100% on the div that it is located in. Is there a way to fix this? http://www.madisonandmi.com
    thanks!

  4. #24
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,704
    Thanks
    43
    Thanked 3,133 Times in 3,097 Posts
    Blog Entries
    12

    Default

    I'm not seeing any problem except in Opera. And there only if the window is resized or scrolled while the lightbox is open, and then the only problem is that the overlay doesn't extend the entire height of the page. What browser are you using and could you be specific about the problem. I mean the lightbox isn't supposed to be the full length of the page, only the overlay is, and I have no idea what to look for with:

    " it messes up the 100% on the div that it is located in"

    I'm not seeing anything that could be interpreted as that. I may have missed something, and/or may need to use a different browser.

    So please describe exactly what to look for, and in which browser. Or if you've fixed the problem, let me know that as well.

    If the problem is only in mobile devices, I might not be able to help as I have no mobile devices to test on. I will give it my best. But I need more specifics. I would point out though that you wanted this script because you said it was already perfect in mobiles. If that isn't really the case, you may want to go back to SlimBox2, as it at least degrades gracefully in mobiles.
    - John
    ________________________

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

  5. #25
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Sorry I wasnt more clear I am in IE. Here is a link to a screenshot. http://www.madisonandmi.com/screenshot.png

  6. #26
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,704
    Thanks
    43
    Thanked 3,133 Times in 3,097 Posts
    Blog Entries
    12

    Default

    In lightbox.css make the highlighted additions/changes:

    Code:
    #overlay{
    	position: fixed;
    	top: 0;
    	left: 0;
    	z-index: 90;
    	width: 100% !important;
    	height: 100% !important;
    	background-color: #000;
    	}
    That won't be perfect. The overlay will cover the whole screen though. The only problem remaining is that if the window isn't tall enough and you scroll the window to see the bottom of the lightbox, you still get those horizontal lines at the bottom. But at least they're behind the overlay now. And, when you dismiss the lightbox, they go away. BTW, if you resize the window to see the bottom of the lightbox, there's no problem. And this won't work in IE 6. But I don't think we need to worry about that browser. Do you? I mean almost no one uses it these days.

    Oh, and I don't think you need jQuery any more. If not, get rid of that script.
    - 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
  •