simplemodal iframe animation

Question

Я использую SimpleModal (http://www.ericmmartin.com/projects/simplemodal/). Я пытаюсь получить анимацию для работы с окном iframe.

У меня есть IFrame часть работы:

// Load dialog on click 
    $('#clicky').click(function (e) 
    { 
     $.modal('<iframe src="' + src + '" height="450" width="800" style="border:0">', 
     { 
       closeHTML:"", 
       containerCss:{ 
           backgroundColor:"#fff", 
           borderColor:"#fff", 
           height:450, 
           padding:0, 
           width:800 
           }, 
       overlayClose:true 
     }); 
    }); 

, но я не знаю, как подключить его к сегменту анимации:

$("#sample").modal({onOpen: function (dialog) 
    { 
      dialog.overlay.fadeIn('slow', function(){ 
       dialog.data.hide();dialog.container.fadeIn('slow', function() { 
        dialog.data.slideDown('slow') 
        }); 

    }); 

Так что я надеялся, чтобы узнать, как подключить IFRAME модально к анимации fade-in/fade-out. Может кто-нибудь мне помочь или направить меня на сайт, который я могу изучить, пожалуйста? Спасибо

Answer 1

Ну, я понял. Вот код, который работает для меня:

$('#clicky').click(
    function (e) 
    { 
     $.modal('<iframe src="' + src + '" height="450" width="1800" style="border:0">', 
     { 

        closeHTML:"", 
        containerCss: 
        { 
            backgroundColor:"#fff", 
            borderColor:"#fff", 
            height:450, 
            padding:0, 
            width:800 
        }, 
        overlayClose:true, 
        //below adds a open animation 
        onOpen: function (dialog){ 
        dialog.overlay.fadeIn('slow'); 
        dialog.data.show(); 
        dialog.container.fadeIn('slow');}, 
        //below adds a close animation 
        onClose: function (dialog){ 
        dialog.data.fadeOut('slow'); 
        dialog.container.hide('slow'); 
        dialog.overlay.slideUp('slow', function() {$.modal.close();}); 
        } 
     }); 
    }); 

не забудьте поставить веб-сайт для переменной Src :)