CODEWITHSUNDEEP
fancybox
user1323928
user1323928

Reputation: 21

Repositioning fancybox to center after loading new ajax content

I have implemented a fancybox which opens and loads ajax content without any problems. But when I load new ajax content into a div in the FancyBox using jquery I need to center the FancyBox on the screen again.

function refreshContent(url) {
    $("#content").fadeOut("slow", function(){
      $.fancybox.showLoading();
      $("#content").load(url,false, function() {         
        $.fancybox.hideLoading()
        $("#content").fadeIn("slow");
        $.fancybox.reposition();
    });
  })

As you can see, I have tried with the reposition() method, but with no effect. The same applies to center()

What am I missing here?

I'm using Fancybox ver 2.0.5

Upvotes: 2

Views: 6425

Answers (2)

Tony Gutierrez
Tony Gutierrez

Reputation: 771

Probably need to put you reposition call inside the complete function of the fadeIn. Otherwise it gets called before the content is visible.

Upvotes: 2

jameslimousin
jameslimousin

Reputation: 330

Maybe is a little late but in fancy 2 there is a method:

$.fancybox.reposition();

You can see the other methods here:

http://fancyapps.com/fancybox/#docs

Regards

Upvotes: 6

Related Questions