Май Абрикосов
Май АбрикосовНа сайте 18 лет и 3 месяца (заходил 8 лет 5 месяцев 26 дней назад)
0
125
|
Рейтинг
125
|
Редактирование бюджета
03 Ноября 2016
Бюджет:
200 руб
Есть скрипт красиво открывающий попапы по ссылке. Нужно доделать его, что бы можно было дать ссылку на страницу и по ссылке открылось это окно. Ниже часть кода.
<script> !function(a){a.fn.animatedModal=function(o){function n(){l.css({"z-index":i.zIndexOut}),i.afterClose()}funct ion t(){i.afterOpen()}var e=a(this),i=a.extend({modalTarget:"animatedModal",posit ion:"fixed",width:"100%",height:"100%" ,top:"0px",left:"0px",zIndexIn:"9999" ,zIndexOut:"-9999",color:"rgba(0,0,0,.5)" , opacityIn:"1",opacityOut:"0",animatedIn:" zoomIn",animatedOut:"zoomOut",animationDuration:" .6s",overflow:"auto",beforeOpen:function(){}, afterOpen:function(){},beforeClose:function(){},afterClose:functi on(){}},o),d=a(".close-"+i.modalTarget),s=a(e).attr(" href"),l=a("body").find("#"+i.modalTa rget),m="#"+l.attr("id");l.addClass("ani mated"),l.addClass(i.modalTarget+"-off");var r={position:i.position,width:i.width,height:i.height,top:i.top,le ft:i.left,"background-color":i.color,"overflow-y" :i.overflow,"z-index":i.zIndexOut,opacity:i.opacity Out,"-webkit-animation-duration":i.animationDuration};l .css(r),e.click(function(o){o.preventDefault(),a("body, html").css({overflow:"hidden"}),s==m&&(l.hasClass( i.modalTarget+"-off")&&(l.removeClass(i.animatedOut),l. removeClass(i.modalTarget+"-off"),l.addClass(i.modalTar get+"-on")),l.hasClass(i.modalTarget+"-on")&& (i.beforeOpen(),l.css({opacity:i.opacityIn,"z-index":i. zIndexIn}),l.addClass(i.animatedIn),l.one("webkitAnimationEn d mozAnimationEnd MSAnimationEnd oanimationend animationend",t)))}),d.click(function(o){o.preventDefault(), a("body, html").css({overflow:"auto"}),i.beforeClose(),l.ha sClass(i.modalTarget+"-on")&&(l.removeClass(i.modalTarg et+"-on"),l.addClass(i.modalTarget+"-off")),l .hasClass(i.modalTarget+"-off")&&(l.removeClass(i.anima tedIn),l.addClass(i.animatedOut),l.one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",n))})}}(jQuery); </script> <script> $("#prev01").animatedModal({ modalTarget:'modal-01' }); $("#prev02").animatedModal({ modalTarget:'modal-02' }); $("#prev03").animatedModal({ modalTarget:'modal-03' }); $("#prev04").animatedModal({ modalTarget:'modal-04' }); $("#prev05").animatedModal({ modalTarget:'modal-05' }); </script> |