JQuery простое меню

[X@OC]

Есть меню 4 изображения в силках
каждое изображение имеет размер w=70px; h=70px;
при на ведении на изображении оно принимает размеры w=120px; h=120px,
а рядом стоящие изображение принимаю размер w=90; h=90;

вот делал через JQuery но увеличивается только одно, не подскажите что необходимо исправить в коде для того чтобы сделать выше указанное условие

вот отсюда взял JQuery скрипт Меню

Возможно ли сделать такое меню чистым JS?

[Lesha]

Возможно ли сделать такое меню чистым JS?

JQ это тот же JS но с другого бока. Поэтому все что сделано на JQ можно сдедать и на JS. Вопрос тока зачем?

Что у вас не работает? я вот скачал исходник впринципе там ничего такого сложного нет.

[X@OC]

я тоже повторил все что там есть все работает
-----------------------------------------------------------------
я написал похожее но без JS а на CSS результат тот же

но

вот допустим размеры изображения

10 10 10 10

теперь я мышкой навожу на 3 элемент, и вот что я бы хотел получить

10 20 30 20

изображения рядом стоящие тоже увеличились но немного меньше основного
я так хотел чтобы оно было

и как это осуществить?

[Lesha]

тут надо более сложный обрабочик писать, типа такого:

PHP код:

$(document).ready(function() {
            var cont_left = $("#container").position().left;
            var params = [250,250,-50,-50];
            var paramsRet = [150,150,50,50];
            var paramsRetM = [];
            var paramsM = [];
            
            function auto_minus (m) { return (m<0) ? "-="+Math.abs(m) : "+="+m; }
            
            for (var i=0; i<params.length; i++) { 
                paramsM[i]=Math.round(params[i]*0.7); // 70% разницы
                if (i<2) { paramsRetM[i]=paramsRet[i]; }
                if (i>1) {
                    paramsRetM[i]=Math.round(paramsRet[i]*0.7);
                    params[i] = auto_minus(params[i]);
                    paramsM[i] = auto_minus(paramsM[i]);
                    paramsRet[i] = auto_minus(paramsRet[i]);
                    paramsRetM[i] = auto_minus(paramsRetM[i]);
                }
            }
            
            function animate_object(obj , param) {
                    $(obj).animate({ height: param[0], width: param[1], left: param[2], top: param[3] }, "fast");
                }
            
            var countObjAnim = $("a img").length;
            
            function max_count (num) { return ((num<=countObjAnim)&&(num>=0)); }
            
            $("a img").hover(function() {
            // hover in
            $(this).parent().parent().css("z-index", 2);
            animate_object(this,params);
            
            var indexH = $("a img").index(this);
            if (max_count(indexH-1)) { 
                $("a img").eq(indexH-1).parent().parent().css("z-index", 1);
                animate_object($("a img").eq(indexH-1),paramsM);
            }
            if (max_count(indexH+1)) {
                $("a img").eq(indexH+1).parent().parent().css("z-index", 1);
                animate_object($("a img").eq(indexH+1),paramsM);
            }
        }, function() {
            // hover out
            $(this).parent().parent().css("z-index", 0);
            animate_object(this,paramsRet);
            
            var indexH = $("a img").index(this);
            if (max_count(indexH-1)) {
                $("a img").eq(indexH-1).parent().parent().css("z-index", 1);
                animate_object($("a img").eq(indexH-1),paramsRetM);
            }
            if (max_count(indexH+1)) {
                $("a img").eq(indexH+1).parent().parent().css("z-index", 1);
                animate_object($("a img").eq(indexH+1),paramsRetM);
            }
        });
}); 


[X@OC]

Lesha спасибо вам огромное