Форум Flasher.ru - Js: замена рисунков

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - Js: замена рисунков (http://www.flasher.ru/forum/showthread.php?t=68589)

Js: замена рисунков

Мужики, нужна помощь.
Можно ли прописать на JS так, чтобы в какой-то конкретной строке (html) одна картинка заменялась другой?
Ну, то есть, вот есть у меня меню. В нем картинка перед ссылкой (квадратик зеленый). А если нажать на него - открывается "подкаталог" - там (чуть с отступлением) но стоит этот же квадратик. А его нужно поменять на синий. Задать же этот квадрат можно только в одном месте. Если его изменить - изменится всё...
Так вот и нужно сделать так, чтобы в строчке (где указывается количество "отступлений" для подкаталога) поставить скрипт который заменяет "квадратики" подкаталогов...

Сложно выразится, но если поняли - дайте, пожалуйста, либо ссылку на подобный пример (где можно код взять) или напишите его... :confused:

Спасибо!

UL{list-style:none;}

LI{background: url("green_li.gif") left top no-repeat;}

LI UL LI{background: url("blue_li.gif") left top no-repeat;}

LI UL LI UL LI{background: url("red_li.gif") left top no-repeat;}

кстати, для более нетривиальных задач:
http://htmlcoder.visions.ru/JavaScript/?27

Чего все с ума что ли посходили? Я, например, на alesh.ru картинки меняю так

Код:

                        function changeImage(imageId){

                                i = document.getElementById('im');

                                if( i.width == 700 ){

                                        i.src = '/p/700/'+ imageId +'.jpg';

                                }else{

                                        i.src = '/p/500/'+ imageId +'.jpg';

                                }

                        }

и на кой? я ваще жс исключительно при динамике юзаю. скрыть.показать, текст поменять, прочее.
если есть ксс, жс ни к чему.

а, ну тогда, всё верно. только Css.

Цитата:

Сообщение от juggy

Чего все с ума что ли посходили? Я, например, на alesh.ru

Ты чего истерики закатываешь
все четко - для разных задач разные средства

KidsKilla, а можно по-подробнее?

Цитата:

UL{list-style:none;}
LI{background: url("green_li.gif") left top no-repeat;}
LI UL LI{background: url("blue_li.gif") left top no-repeat;}
LI UL LI UL LI{background: url("red_li.gif") left top no-repeat;}

Чет, я немного не понял, можно объяснить?

Цитата:

Сообщение от o-mega

KidsKilla, а можно по-подробнее?

Чет, я немного не понял, можно объяснить?

Представь себе матрешку. Длф каждой "под-матрешки" определяется новый стиль. :)

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

        <title>Списки</title>

<style type="text/css">

UL{list-style:none;}

.my-list LI{background: url("green_li.gif") left top no-repeat;}

.my-list LI UL LI{background: url("blue_li.gif") left top no-repeat;}

.my-list LI UL LI UL LI{background: url("red_li.gif") left top no-repeat;}

</style>

</head>

<body>

<ul>

        <li> 1й пункт списка 1й вложенности, зелёная картинка

        <ul>

                <li> 1й пункт списка 2й вложенности, синяя картинка

                <ul>

                        <li> 1й пункт списка 3й вложенности, красная картинка</li>

                        <li> 2й пункт списка 3й вложенности, красная картинка</li>

                </ul>

                </li>

                <li> 2й пункт списка 2й вложенности, синяя картинка </li>

                <li> 3й пункт списка 2й вложенности, синяя картинка </li>

        </ul>

        </li>

        <li> 2й пункт списка 1й вложенности, зелёная картинка </li>

        <li> 3й пункт списка 1й вложенности, зелёная картинка </li>

</ul>

</body>

</html>