попап*/
                  
                  
                  $(document).ready(function() { 
                  
                  
                  $('a#start').click( function(event){ 
                  
                  
                  event.preventDefault(); 
                  
                  
                  $('#overlay').fadeIn(250, 
                  
                  
                  function(){
                  
                  
                  $('#popUp') 
                  
                  
                  .css('display', 'block') 
                  
                  
                  .animate({opacity: 1, top: '30%'}, 490); 
                  
                  
                  });
                  
                  
                  });
                  
                  
                  я понимаю что нужно учить, задачу нужно сейчас решить. много задачь сейчас у меня на работе
                  
                  
                  тут html.
                  
                  
                  <a href="#" id="start">Нажми на ссылку</a>
                  
                  
                  <div id="popUp">
                  
                  
                        <span id="close">X</span>
                  
                  
                        <h1>Какое-то предложение!</h1>
                  
                  
                  </div>
                  
                  
                  <div id="overlay"></div>
                  
                  
                  Думаю CSS не нужно оправлять. Благодарю за поправочку в коде.
                  
                  
                
по логике чтоб работало нужно дублировать этот код на каждой фото заменяя ID start на другую произвольную фразу например start_1 и так далее. Но ведь это не лаконично - это кал 💩 код получается.
этот код не вариант
Обсуждают сегодня