Приклеислась картинка к крану =(
Ошибка в названиее "экрану".
Доброго дня! Помогите пожалуйста. Сижу разбираюсь с плавным увеличением фотографий. Но почемуто они "приклеились" к экрану и двигаются вместе с ним! Помогите разобраться пожалуйста! Код JS $(document).ready(function() { //пременная отступа var cont_left = $("#container").position().left; // рапределяем миниатюра по длинне, // смещая их по горизонтали $("div.img").each(function(index) { var left = (index * 160) + cont_left; $(this).css("left", left + "px"); alert(left); }); $("div.resize img").hover(function() { // при наведении курсора мыши $(this).parent().parent().css("z-index", 1); $(this).animate({ height : "250", width : "250", left : "-=50", top : "-=50" }, "fast"); }, function() { // hover out $(this).parent().parent().css("z-index", 0); $(this).animate({ height : "150", width : "150", left : "+=50", top : "+=50" }, "fast"); }); }); CSS #container { z-index: 0; text-align: center; margin: 0; padding: 0; } .img { z-index: 0; float: left; margin: 0; padding: 0; position: fixed; } .img div img { position: relative; border: none; } .clear { clear: both; } HTML <div id="container"> <div class="img"><div class="resize"><img src="themes/classic/images/das/minibar1.jpg" width="150" height="150"></div></div> <div class="img"><div class="resize"><img src="themes/classic/images/das/minibar2.jpg" width="150" height="150"></div></div> <div class="img"><div class="resize"><img src="themes/classic/images/das/minibar3.jpg" width="150" height="150"></div></div> <div class="clear"></div> </div> Google не дал ничего, т.к. я не смогу правильно сформировать ему запрос:) Спасибо за внимание. |
"Приклеилось" это position: fixed; в img {}, вы сами ему это поведение задали.
смените на absolute, как минимум |
Спасибо большое!
Только теперь у меня съезжает все содержимое сайта, при увеличении каарнки... Не подскажете как это поправить ? |
Как съезжает? ну так убирайте картинку из потока через position:absolute, одновременно не убирая оригинал, что бы не схлопывалось. Без примера,который можно запустить - неясно, что у вас там.
|
Часовой пояс GMT +3, время: 23:04. |