Показать сообщение отдельно
  #7 (permalink)  
Старый 06.12.2013, 13:20
Новичок на форуме
Отправить личное сообщение для Миша-1993 Посмотреть профиль Найти все сообщения от Миша-1993
 
Регистрация: 06.12.2013
Сообщений: 8

$(document).ready(function() {
		var cont_left = $(".image_block").position().left;
		
	$("a .jshop_img").hover(function() {
	            // приближение
            $(this).parent().parent().css("z-index", 1);
            $(this).animate({
               var h = ...//как то получить height картинки
               var w = ...//как то получить width картинки
               height: h * 2,
               width: w * 2,
               left: "-=50",
               top: "-=50"
            }, "fast");
        }, function() {
            // отдаление
            $(this).parent().parent().css("z-index", 0);
            $(this).animate({
                height: "150",
                width: "150",
                left: "+=50",
                top: "+=50"
            }, "fast");
        });
        
        $(".img").each(function(index) {
            var left = (index * 160) + cont_left;
            $(this).css("left", left + "px");
        });
    })


Как то так мне нужно. Картинок много и они разных размеров, поэтому src не знаю как прописать, сайт на joomla и картинки это товары интернет магазина, которые выводятся из бд.

Последний раз редактировалось Миша-1993, 06.12.2013 в 13:23.
Ответить с цитированием