При увеличении картинки смещаются остальные изображения

Евгений 86

Добрый день! я на jquery прописал скрипт увеличения фото, но у меня разъезжаются картинки когда происходит увеличение соседней. Подскажите, что нужно сделать? html-код:
  • 1 100

  • 1 200

  • 1 300

  • 1 400

  • 1 500

  • 1 600

  • 1 300

  • 1 300

css#listing1 { list-style: none; } .fixblock1 { padding-top: 15px; } #listing1 li { float: left; margin-left: 50px; width: auto; height: 250px; } #listing1 p.add-tovar { background-image: url(images/add1.png); background-repeat: no-repeat; display: inline-block; width: 30px; height: 30px; cursor: pointer; margin-left: 4px; z-index: 0; } #listing1 p.add-tovar:hover { background-image: url(images/add2.png); background-repeat: no-repeat; } #listing1 p.add-tovar:active { background-image: url(images/add3.png); background-repeat: no-repeat; } #listing1 p.price-tovar { float: left; margin-top: 4px; margin-left: 120px; font: 17px sans-serif; } .fixblock1 { height: 200px; padding-top: 10px; } #listing1 img { position: relative; cursor: pointer; z-index: 0; } .massagecart { border: 1px solid black; padding: 3px; font: 13px; display: none; position: absolute; background-color: white; }
6 ответов

Евгений 86

Что тут можно смотреть без js кода, скинь все это в jsfiddle напримерhttps://jsfiddle.net/


Евгений 86

$("#listing1 img").hover(function(){ $(this).parent().parent().css("z-index",99); $(this).animate({ height: "300", width: "300", left: "-=50", top: "-=50" }, "fast"); }, function() { $(this).parent().parent().css("z-index",0); $(this).animate({ height: "200", width: "200", left: "+=50", top: "+=50" }, "fast"); });


Евгений 86

И весь html код скинь


Евгений 86

Стикеры_Космос

Моя корзина

Товаров: 0

На сумму: 0

Космос:

  • 1 100

  • 1 200

  • 1 300

  • 1 400

  • 1 500

  • 1 600

  • 1 300

  • 1 300

© 08.04.16 Web приложение для магазина стикеров
Тестовый сайт Сишненко Евгения.


Евгений 86

Если кто хочет помочь, то вот: https://jsfiddle.net/4y3wbcsh/1/ Сейчас мне пока некогда смотреть


Евгений 86

спасибо! Буду благодарен! пробую пока что у самого не получаетсяРебят, у меня получилось. я добавил в jquery в методе animate свойство marginRight: "-100".