Autor Zpráva
Brough
Profil
Dobrý deň. Mám problém a neviem si už rady. Používam Magnific pop up na to, aby sa po kliknutí na obrázok zobrali obrázok a div s textom v lightboxe. Funguje to, no aj v druhom obrázku sa po otvorení zobrazí vo vnútri to isté ako v prvom. Neviete čím to môže byť?
Web: www.broughstudio.eu/#works
CSS:
.work-wrap {
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    position: relative;
}

.work-name {
   position: absolute; 
   top: 25%; 
   left: 0; 
   float: left;
   background: rgba(0,0,0,0.6);
   padding: 25px;
}

.work-item-popup img {
    width: 100%
}

.work-detail {
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

.img-wrapper {
    width: 100%;
    display: inline-block;
}

.work-description {
    width: 100%;
    display: inline-block;
    text-align: left;
    height: 100%;
    background: #fff;
}

.work-description-heading {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 1.5px;
    color: #000;
    margin: 15px;
}

.work-description-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin: 15px;
    line-height: 1.5;
}

HTML:
<div class="col-md-12 work-wrap">
                  <a href="#work-detail" class="work-item-popup">
                      <img src="http://i68.tinypic.com/2rhbgv7.jpg" alt="">
                      <h4 class="work-name">Lorem ipsum dolor sit amet</h4>
                  </a>
                  <div class="work-detail mfp-hide" id="work-detail">
                      <div class="img-wrapper"><img src="http://i68.tinypic.com/2rhbgv7.jpg"></div>
                      <div class="work-description">
                          <h4 class="work-description-heading">Lorem ipsum dolor ist amet</h4>
                          <p class="work-description-text">
                              <b>Category:</b> Branding<br />
                              <b>Date:</b> 1.June 2015 <br />
                              <b>Description:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Utrum igitur percurri omnem Epicuri disciplinam placet an de una voluptate quaeri, de qua omne certamen est?
                          </p>
                      </div>
                      </div>
                  </div>

JS:
$(document).ready(function() {
  
    $('.work-item-popup').magnificPopup({
        type: 'inline',
        closeOnContentClick: true,


          
    });
  
});

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: