как просто открыть окно FancyBox (не OnClick)

Я запуская FancyBox, чтобы открыть onclick так:как просто открыть окно FancyBox (не OnClick)

$('.telefonosOtrosPaises').fancybox({ 
        'type'   : 'iframe', 
        'href'   : 'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp', 
        'transitionIn' : 'elastic', 
        'transitionOut' : 'elastic', 
        /*'easingIn'  : 'easeInOutBack', 

        'easingOut'  : 'easeInOutBack', */ 
        /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/ 
        onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})} 
});

, но как я могу просто открыть его в моем JS кода, когда мне это нужно?

источник

2011-12-21 Toni Michel Caubet

См. Http://fancyapps.com/fancybox/#docs – Zirak

Вы можете войти в свой профиль и пометить некоторые ответы на ваши предыдущие вопросы, как правильно. – meo

Вместо вызова .fancybox на элемент, назовем его так:

$.fancybox.open(...)

Примечание это синтаксис FancyBox 2, хотя он может работать с v1

Если вы хотите, чтобы открыть его как на onclick, так и при появлении запроса в вашем коде просто позвоните click на элемент, к которому вы его привязали.

$('.telefonosOtrosPaises').click();

источник

2011-12-21 12:34:34

спасибо! Совершенство –

вы можете просто позвонить yourControl.click() имитировать событие щелчка.

Таким образом, вы можете назвать это всякий раз, когда вы хотите :)

источник

2011-12-21 12:35:53

-1

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
</head> 
<body> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#target').click(function() { 
     $('.telefonosOtrosPaises').fancybox({ 
         'type'   : 'iframe', 
         'href'   : 'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp', 
         'transitionIn' : 'elastic', 
         'transitionOut' : 'elastic', 
         /*'easingIn'  : 'easeInOutBack', 

         'easingOut'  : 'easeInOutBack', */ 
         /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/ 
         onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})} 
     }); 
    }); 
}); 
</script> 

<input type="button" id="target" value="press me"/> 
</body> 
</html>

источник

2011-12-21 12:36:12 themis

, пожалуйста, прочитайте вопрос еще раз. – meo

Согласно Fancybox's blog, вы можете попробовать что-то вроде этого:

$.fancybox(
    $('.telefonosOtrosPaises'), 
    { 
     'type'   : 'iframe', 
     'href'   : 'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp', 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     /*'easingIn'  : 'easeInOutBack', 

     'easingOut'  : 'easeInOutBack', */ 
     /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/ 
     onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})} 
    } 
);

источник

2011-12-21 12:39:44

Это может быть сделано очень легко:

<div id="divFancy" style="display: none;"> 
     FANCY BOX CONTENT GOES HERE 
    </div> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $.fancybox({ 
       'href': '#divFancy' 
      }); 
     }); 
    </script>

источник

2013-03-22 12:28:19

Спасибо! этот код работает для меня. – mghhgm

как просто открыть окно FancyBox (не OnClick)

ответ

Смежные вопросы