Нашел такой хороший плагин как leanModal http://leanmodal.finelysliced.com.au/ , по названию можно определить что это плагин который выводит модальное окно.
Всё достаточно просто! Работает на ура! Но один вопрос, КАК СДЕЛАТЬ НАПРИМЕР ПРИВЕТСТВЕННОЕ ОКОШКО, и тчобы оно выводилось БЕЗ нажатия на кнопку ссылки. ПОмогите сделать автостарт модального окна. Спасибо
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Bebeka
Привет!
Нашел такой хороший плагин как leanModal http://leanmodal.finelysliced.com.au/ , по названию можно определить что это плагин который выводит модальное окно.
Код:
(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".top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#modalclass").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery);
Запуск
jQuery(function(){jQuery('a[rel*=modal]').leanModal();});Работа:
Всё достаточно просто! Работает на ура! Но один вопрос, КАК СДЕЛАТЬ НАПРИМЕР ПРИВЕТСТВЕННОЕ ОКОШКО, и тчобы оно выводилось БЕЗ нажатия на кнопку ссылки. ПОмогите сделать автостарт модального окна. Спасибо
Link to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.