Hi Avandius!

All you need to do is add rel="facebox" into a link

<a rel="facebox" href="URL TO PAGE OR IMAGE">Click me</a>

Check out this post for more information including how to change the style of the box.

Alright to beat a dead topic. Previously you gave me the script to make the comment window pop up in another box, using this script:

<script type="text/javascript">
$(document).ready(function() {
 $("a").each(function() {
  if ($(this).attr("target").match("_commentWindow")) { makePopupWindow($(this),'_commentWindow',600,300); }
 });
 $(document).bind('reveal.facebox', function() {
  $("#facebox").find("a").each(function() {
   if ($(this).attr("target").match("_commentWindow")) { makePopupWindow($(this),'_commentWindow',600,300); }
  });
 });
 function makePopupWindow (linkEl,pName,pWidth,pHeight) {
  var temp = "toolbar=0,status=0,resizable=1,scrollbars=1,width=" + pWidth + ",height=" + pHeight;
  linkEl.click (function(){
   var w = window.open (linkEl.attr("href"),pName,temp);
   w.focus();
   return false;
  });
 }
});
</script>

Now i would like to make it use the face box cosmetics. Where it dims the background, centers in the page and gives me that cool facebox look that you can add to galleries and the like.

Any idea how to edit this to do just that?

Mottie said: