fancybox v2.x DEMO

By JFK http://stackoverflow.com/users/1055987/jfk

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>

JavaScript

var paramsFancy = {
    closeEffect: 'elastic', // transitionOut
    openEffect: 'elastic', // transitionIn
    closeSpeed: 300, // speedOut
    openSpeed: 500, // speedIn
    fitToView: true, // autoScale
    autoCenter: true, // centerOnScroll
    autoSize: true, // autoDimensions
    // href: '/index.php'
    href: 'http://picssel.com', // test only
    type: "iframe" // you still need this
};
jQuery(document).ready(function ($) {
    $.fancybox(paramsFancy);
}); // ready