Измените скрипт пожалуйста

[Jagery]

Нашел этот скрипт, но он работает не совсем так, как хотелось бы.
Нужно, что бы если одно изображение увеличено, а человек нажимает на второе, то первое уменьшается (тоже самое и про второе).

<script>
function resisize(id)
{
        var big = '400', small='100';
        if(document.getElementById(id).width == big)
        {
                document.getElementById(id).width = small;
        }
        else
        {
                document.getElementById(id).width = big;
        }
}


</script>

[ksa]

Нашел этот скрипт, но он работает не совсем так, как хотелось бы.

Найди другой...

[Jagery]

Очень смешно.

[kostyanet]

но он работает не совсем так, как хотелось бы.

Приглашайте экстрасенса разгадать как хотелось бы.

Размер берется через offset* (offsetWidth), а задается через @link.stylewidth + units, например "px"

var w = elem.offsetWidth; // получили число
w.style.width = (w+10)+'px';

[kostyanet]

Такая хрень

document.getElementById(id).width = big;

просто создает проперть width которая в доме никому не стучит

[kostyanet]

Ну да, если это image там есть width, но изменить его нельзя, в этом нет смысла. Менять имеет смысл атрибуты разметки, а именно style.width.

[Jagery]

Пожалуйста, напишите готовый код.

[kostyanet]

Ужос... ладно, "Афоня, ты мне рупь должен"

<script>

function toggle_width(id) {

var big = '400', small='100';

var elem = document.getElementById(id);
if(elem) {
  var width = (elem.offsetWidth > big) ? small : big;
  elem.style.width = width + 'px';
}

</script>

[Jagery]

Не работает.

[kostyanet]

Но как вы ее вызывать собираетесь? Через onclick="toggle_width(this/id)" ?

Вешайтесь через js:

var toggle_me = function() {

var b = 400;
var s = 100;
var u = 'px';

this.style.width = (this.offsetWidth > b) ? s+u : b+u;

}

pic1.addEventListener('click', toggle_width, false);
pic2.addEventListener('click', toggle_width, false);

и никакие id вам не стучат

Если пикчей больше - найдите способ получить на них массив ссылок.