Jump to content

Move thickbox prev and next links


Recommended Posts

Hello,

I'm looking to move the bottom links on the outside or inside of the picture and replace them with arrows. Problem is, i've been looking through the code for 3-4 hours now and still can't figure out what exactly places those links there, and therefor how to move them.

TB_next and TB_prev are inside a div called TB_caption, but the entire javascript code is over my head. Any suggestions are welcomed.

Link to comment
Share on other sites

just in case someone will want to do the same thing, i found a solution in thickbox.css:

this hides the text:

#TB_next {text-indent: -9999px; line-height: 9999px;}
#TB_prev {text-indent: -9999px; line-height: 9999px;}


and this covers half the page each image, the gifs are 300x600px and i have some arrows on them:

#TB_next a, #TB_next a:visited {display: block; position:absolute; top:0; right:0; width:50%; height:92%; z-index:999;text-align:right; background:url(../themes/busgirls/img/next.gif) no-repeat;}

#TB_prev a, #TB_prev a:visited {display: block; position:absolute; top:0; left:0; width:50%; height:92%; z-index:999; background:url(../themes/busgirls/img/prev.gif) no-repeat;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...