Apostolati

Nekromancer спасибо большущее за код и его подробные пояснения!!!

Имеется меню состоящие из фотографии под фотографией располагается имя и должность изображённого на фотографии, по бокам от фото 2 стрелочки, при нажатии на которую перелистывается фотография и соответственно изменяется имя и должность изображённого,имя приэтом является ссылкой на досье изображённого. В паре постов выше имеется наглядная иллюстрация как это должно выглядеть

А как тогда мы будем к ним обращаться? при вложенном подходе мы можем найти нужный нам блок через parenNode, и если зададим на каждом из блоков ссылки вперёт и назат, то сможем через next/priviosSibling обратится к старшему и младшему в иерархии блоку. Necromancer спасибо за внимание но код немного не тот, при нажатии на любую ссылку просто открывается картинка после обновления документа...и как то несовсем разобрался с кодом, попытаюсь ещё его немного помучить, хотя врятли моих начальных знаний по JS хватит..но всётаки)

Изначально необходимо чтобы был виден хотя бы 1 блок. Во вторых все блоки являются взаимовложенными и допустим блок 1о уровня содержит 6ю или 1ю картинку, разницы нету, а все остальные вложены уже как матрёшки в него!если мы зададим второму блоку видимость(содержащему картинку 2 или 5) а старшему блоку через дисплей мы зададим невидимость то дочерний его блок с картинкой 2 или 5 всё равно будет невиден!

2е суток борьбы так и не дали результата с этим кодом. Метод который посоветовал sOrrOw привел к появлению вот такого вот огромного HTML кода: <div><img src="foto6.gif"><div style="width:200px"><a href="#" class="nam">Агний Геворкян</a> главный по тостам</div><a href="#"><img src="tuda.gif" class="tuda"></a><a href="#"><img src="suda.gif" class="suda"></a><div style="position:relative; top:-206px;display:none;"><img src="foto5.gif"><div style="width:200px;display:none;"><a href="#" class="nam">Аристарх Заславский</a> свободный вымер</div><a href="#"><img src="tuda.gif" class="tuda"></a><a href="#"><img src="suda.gif" class="suda"></a><div style="position:relative; top:-206px;"> <img src="foto4.gif"><div style="width:200px"><a href="#" class="nam">Валерий Pftdcrbq</a> свободный гимер</div><a href="#"><img src="tuda.gif" class="tuda"></a><a href="#"><img src="suda.gif" class="suda"></a><div style="position:relative; top:-206px;display:none;"><img src="foto3.gif"><div style="width:200px"><a href="#" class="nam">Виниамин Бардакский</a> не свободный тример</div><a href="#"><img src="tuda.gif" class="tuda"></a><a href="#"><img src="suda.gif" class="suda"></a><div style="position:relative; top:-206px;display:none;"><img src="foto2.gif"><div style="width:200px"><a href="#" class="nam">Пётр Бухарский</a> главный алкоголик</div><a href="#"><img src="tuda.gif" class="tuda"></a><a href="#"><img src="suda.gif" class="suda"></a> <div style="position: relative; top:-206px;"><img src="foto1.gif"><div style="width:200px"><a href="#" class="nam">Валерий Заславский</a> свободный тример</div><a href="#"><img src="tuda.gif" class="tuda"></a><a href="#"><img src="suda.gif" class="suda"></a></div></div></div></div></div></div> Можно его немного сократить посредством применения классов, но всёравно возникает проблемма что если задать для верхнего в иерархии div елемента diplsay:none мы скрываем и все дочернии дивы. Через inerHTML не получается задать именно разбитие на ссылку и простой текст, так что опускаются руки.... Вообще как мне кажется такие меню лучше реализовывать через флеш, несмог найти и примеров подобных этим в гугле....

Необходимо создать вот такое меню, код приведённый выше перелистывает фотографии...надо как то сделать так чтобы вместе с фотографиями соответственно менялись имена! Заранее благодарю за внимание к проблеме!

Задача состоит в том чтобы изменять пропорционально фотографии имя изображённого на ней, имя является ссылкой! Вот написанный мною код для элемента и перелистывания фотографии. <script type="text/javascript"> var num=1 img1 = new Image () img1.src = "foto1.gif" img2 = new Image () img2.src = "foto2.gif" img3 = new Image () img3.src = "foto3.gif" img4 = new Image () img4.src = "foto4.gif" img5 = new Image () img5.src = "foto5.gif" img6 = new Image () img6.src = "foto6.gif" img7 = new Image () img7.src = "foto7.gif" img8 = new Image () img8.src = "foto8.gif" function slideshow() { num=num+1 if (num==9) {num=1} document.foto.src=eval("img"+num+".src") } function slideshow2() { num=num-1 if (num==0) {num=8} document.foto.src=eval("img"+num+".src") } </script> </head> <body> <div id="eki"> <img src="eki.gif" id="c1"> <img src="foto1.gif" id="foto" name="foto"> <a href="java script:slideshow()"><img src="tuda.gif" id="tuda" ></a> <a href="java script:slideshow2()"><img src="suda.gif" id="suda"></a> <span style="position:relative; top:-305px; left:-385px; font-family: Arial; font-style:italic; color:#004bd8; font-weight:bold; font-size:18pt;"> Экипаж </span> <div id="dolg" name="dolg"><a href="#" Style="color:#004bd8; font-family: Tahoma; font-weight:bold;" name="nm"> Валерий Заславский</a> свободный тример<div> </div> </body> </html> Перерыл весь форум но так и не нашёл ответ на вопрос. Может быть кто нибудь намекнёт как решить проблему? Очень хотелось бы научится делать такие скрипты. Вот код CSS файла: #foto { position:relative; top:-143px; left:-177px; } #tuda { position:relative; top:-205px; left:-177px; } #suda { position:relative; top:-205px; left:-362px; } a:link { border-bottom-width:0px; border-bottom-color:#FFF; color:#FFF; } a:active { border-bottom-width:0px; border-bottom-color:#FFF; color:#FFF; } a:visited { border-bottom-width:0px; border-bottom-color:#FFF; color:#FFF; } #dolg { position:relative; top:-140px;left:20px; width:200px; }

Имеется вот такое вот меню. По сути своей оно 2х уровневое, при наведении на "Меню" выпадает вся остальная часть. Средствами CSS за 2е суток создать такое меню так и не получилось, может быть кто нибудь подскажет как решить данную проблему(я понимаю что с помощью JS, очень хочется научится создавать такие меню самому, но перерывания справочников и книг результатов не даёт ). Контекст 3о уровня меню не меняется в зависимости от выбранного пункта 2о уровня!