Bebek
Guest
Привет!
Нашел такой хороший плагин как leanModal http://leanmodal.finelysliced.com.au/ , по названию можно определить что это плагин который выводит модальное окно.
Код:
Запуск
Работа:
Всё достаточно просто! Работает на ура! Но один вопрос, КАК СДЕЛАТЬ НАПРИМЕР ПРИВЕТСТВЕННОЕ ОКОШКО, и тчобы оно выводилось БЕЗ нажатия на кнопку ссылки. ПОмогите сделать автостарт модального окна. Спасибо
Нашел такой хороший плагин как leanModal http://leanmodal.finelysliced.com.au/ , по названию можно определить что это плагин который выводит модальное окно.
Код:
PHP:
(function($){$.fn.extend({leanModal:function(options){var defaults={top:200,overlay:0.6,closeButton:".modal_close"};var overlay=$("<div id='modalclass'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#modalclass").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth();
$("#modalclass").css({"display":"block",opacity:0});$("#modalclass").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#modalclass").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery);
PHP:
jQuery(function(){jQuery('a[rel*=modal]').leanModal();});
PHP:
<a rel="modal" href="#test">fesg</a>
<div id="test" class="modal_window">example</div>