RSS

How do you move the close button to the top right corner in shadowbox 3.0+?

30 Jul

In the development process sometimes our client request us to use shadowbox to view larger image in popup box. Normaly the cross button placed at the bottom right of the box. But when we need to place the cross button at the top right corner then we can do it very easily by the following way.

Shadowbox.init({
onOpen: function() {
$(‘#sb-info’).after($(‘#sb-wrapper-inner’));
$(‘#sb-wrapper-inner’).after($(‘#sb-title’));
},
modal : true
});

Advertisements
 
2 Comments

Posted by on July 30, 2011 in JS Plugins

 

2 responses to “How do you move the close button to the top right corner in shadowbox 3.0+?

  1. Chris Anstey

    November 3, 2011 at 11:52 am

    This is great – worked straight away. Many thanks.

     
  2. mike

    February 11, 2012 at 7:16 am

    exactly which file does this code go into??? nthx

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: