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'):
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:
In other words, just like we were doing with SlimBox2.
<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>
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!!
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
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.
Sorry I wasnt more clear :) I am in IE. Here is a link to a screenshot. http://www.madisonandmi.com/screenshot.png
In lightbox.css make the highlighted additions/changes:
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.
width: 100% !important;
height: 100% !important;
Oh, and I don't think you need jQuery any more. If not, get rid of that script.