Готовый плагин для зума div — a в которым несколько картинок?

Question

[Alexander]

Есть три картинки одинаковой ширины и высоты 500х500. На первой картинки в самом верху изображено крыша дома, во второй картинки по середине картинки изображено каркас дома, в третий картинки изображено в самом низу футер дома. И у них у всех прозрачные фоны. Если наложить эти каринки друг на друга, то получится что мы собрали домик.

<div class="house">
    <img src="head.jpg" alt="">
    <img src="body.jpg" alt="">
    <img src="footer.jpg" alt="">
</div>

div.house{
  position: relative;
  img{
    position: absolute;
    left: 0;
    top: 0;
  }
}

Нашёл вот такой плагин www.elevateweb.co.uk/image-zoom
но там он применяется по одной картинки. Если наведу курсор на body.jpg то будет зумиться тока он, без крыши над ним.

Answer 1

[Николай]

Тебе нужно указать правильные свойства z-index для твоих элементов дома. И контейнера для элементов.