Зареждане на съдържание на fancybox в div?

Може да не се нуждаете от fancybox за това, но създайте свой собствен персонализиран скрипт.

Просто за забавление, с html като този

<a class="myfancy" href="http://jsfiddle.net/">show my content in div</a>
<div id="targetContent"> 
    <a id="myClose" href="/bgjavascript:;">X</a>
    <iframe id="targetIframe"></iframe>
</div>

използвайте малко CSS, за да скриете харесването #targetContent

#targetContent {
    position: relative;
    display: none;
    width: 500px;
    height: 350px;
    overflow: visible;
    background-color: #fff;
}

и оформете своя бутон за затваряне #myClose по начина, по който имате нужда.

Също така задайте основния CSS за iframe като

#targetIframe {
    width: 100%;
    height: 100%;
    border: 0 none;
}

След това използвайте този код, за да свържете всичките си селектори към техните конкретни събития и обратни извиквания за плавни преходи

jQuery(function ($) {
    // cache elements
    var $targetDiv = $("#targetContent"),
        $iframe = $targetDiv.find("#targetIframe"),
        $close = $targetDiv.find("#myClose");
    // bind click events to first link and close button
    $(".myfancy").on("click", function (e) {
        e.preventDefault();
        $iframe.attr({
            "src": this.href // add the content to iframe before showing
        }).parent($targetDiv).slideDown(500, function () { //show div
            $close.fadeIn(200).on("click", function () { 
                $(this).fadeOut(100, function () { // fade out close button
                    $targetDiv.slideUp(500, function () { // hid div by sliding it up
                        $iframe.removeAttr("src"); // remove after closing the box
                    }); // slideUp
                }); // close fadeOut                
            }); // on click myClose
        }); // slideDown
    }); // on click link
}); // ready

Вижте JSFIDDLE

ЗАБЕЛЕЖКА: .on() изисква jQuery v1.7

Можете да добавите опция parentEl към опциите на fancybox,

Точно като parentEl: '.myDivClass'