Wondering if one of you can help with Thickbox (jquery). I followed the directions:
downloaded 5 files and put them in a folder: portfolio/thickbox.
downloaded 2 images in main images folder.
Added three elements into header.
Changed paths to images on both js and css files
The instructions said to download the jquery library which is named “jquery-latest.js” but the code they said to put in the header is: <script type=“text/javascript” src=“thickbox/jquery.js”>.
After I edited the element in the header to “jquery-latest.js” it now it acts like it wants to work but isn’t working.
What am I missing? Thank you so much for your help!
So, I just scratched thickbox and tried lightbox. What am I doing wrong? Still not working. I don’t get how the code knows to grab the larger image. It says to use this code: <a href=“images/image-1.jpg” rel=“lightbox” title=“my caption”>image #1</a>. I’ve tried it with that code and the thickbox code and doesn’t work.
Thanks again for your help!!! Let me know if you have an idea about why previous isn’t showing but for now, looks good. And again, thanks so much for your help!
Seems maybe some files were in the wrong location, but then again perhaps there was something else not working correctly. It was a pretty old script after all.
Hey Ralph, do you have a simple and easy to use jquery SCROLLER plugin that you like? There are a lot out there just wondering if you have one you like sine the lightbox worked so well.
So weird…sometimes the “next” shows on pop up and sometimes not in all browsers. If you mouse over them, they will appear. Strange, “next” was showing before and then it stopped and I haven’t changed a thing. Any ideas how to get both graphics (next and prev) to always show in all browsers w/o having to mouse over them?
I think what you’re talking about is by design. The reason the images don’t show until you hover over them is so they don’t obscure any part of the image
The prev or next button will always be hidden if there is no previous or next image to go to. For example, on the first image, you’ll never see the prev button.
If you always want them to show when they are available, you can go in to your lightbox.css file and change the following two lines:
#prevLink:hover, #prevLink:visited:hover { background: url(http://sineathconstruction.com/lightbox2.05/images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited:hover { background: url(http://sineathconstruction.com/lightbox2.05/images/nextlabel.gif) right 15% no-repeat; }
If you remove the :hover pseudo classes the image should always show.
#prevLink { background: url(http://sineathconstruction.com/lightbox2.05/images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(http://sineathconstruction.com/lightbox2.05/images/nextlabel.gif) right 15% no-repeat; }
Was there a specific browser you were having issues with? (Maybe implement the above change and see if there is still a problem)