I am developing a website, and have a pretty standard application of lightbox. I am using the newest version of lightbox.
I need to move the ‘next’ and ‘previous’ buttons off of the image so they appear hovering to the left and right of the photo.
I figured i would just need to edit the css to define the placement of the buttons the way i want, but things are not working out how i imagined. I don’t think I can move the position of the buttons outside the border (the black box that appears behind the photo that is a little larger than the photo).
It should be fine to just make the border wider so the buttons appear off the image, if i have to. That is obviously not as good of a solution, though.
I can’t figure out how to alter the size of the border (this doesn’t appear to be defined in css) or the position of the buttons (their position seems to depend on the position of the border).
Thanks for any and all help. Small contributions are welcome, too. I need to get this working, and relatively soon (next couple of days).
Here is the url just in case:
http://www.lokeshdhakar.com/projects/lightbox2/
lightbox is free and open source (of course open source), so you can download it and look at the source… if you are so inclined. thanks again, all help appreciated
edit: (again) i found the variable that defines the ‘size’ of the border in lightbox.js. when i increased it the border became wider but also much taller (the width is great but the bottom of the border is really long and it looks terrible).
i’m digging through the source trying to find more stuff on the border…
Technorati Tags: couple of days, developing a website, js, lightbox, open source, photo