Popup header.php

Question

Я хочу вставить всплывающее окно в header.php. Я хочу кнопку всплывающего окна с изображением. Пример с экрана:

Я хочу, чтобы пользователь нажимает на кнопку «Contatta иль диджей» всплывающее окно откроется в окне автоматически.

В header.php это один код:

<a class="tile" style="background-image: url('http://s8.postimg.org/az38crnn5/party_dj_adelaide_icon1.png'); background-position: center 13px; background-repeat: no-repeat;" href="http://www.specialradio1.altervista.org/contattaildj"> 
<span class="tile-title">CONTATTA IL DJ</span></a> 

Но я хочу всплывающее окно, помогите мне, пожалуйста?

Answer 1

1. Создать всплывающее HTML

   <div class='popup_window'> 
        Put Your Content Here 
       </div> 
   

2. CSS

   .popup_window{ display: none; position: fixed; top: 10%; left:50%; transform:translateX(-50%); } 
   

3. JS

   $(".tile-title").on("click", function(){ 
       $(".popup_window"). 
       });