PEOP

Ок Вот код <div id="links"> <a href="" class="point" id="1">ONE</a> <a href="" class="point" id="2">TWO</a> <a href="" class="point" id="3">THREE</a> </div> <div id="rotator"> <ul> <li class="show"><img src="1.jpg" alt=""></li> <li><img src="2.jpg" alt=""></li> <li><img src="3.jpg" alt=""></li> </ul> </div> CSS: #rotator {position: relative; height: 800px; height: 300px; /*margin-left: -19px;*/} #rotator ul li {float: left; position: absolute; list-style: none;} #rotator ul li.show {z-index: 500;} JAVASCRIPT: $(document).ready(function(){ $('div#rotator ul li').css({opacity: 0.0}); $('div#rotator ul li:first').css({opacity: 1.0}); $("a.point").hover(function() { var current = $('div#rotator ul li.show'); var hoverID = $(this).attr("id"); var elemLI = $('li:eq('+hoverID+')'); elemLI.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); current.css({opacity: 0.0}, 1000).removeClass('show');}, function() {return false;}); });

Здравствуйте! Подскажите, как сделать следующее? Допустим, есть набор ссылок с id=1 id=2 id=3, а также список, элементы которого содержат картинки, расположенные одна под другой. Как сделать, чтоб при наведении на ссылку соответсвующий номеру элемент списка "всплывал" на первый план, поверх остальных картинок, т.е. текущий элемент становится прозрачным, а соответсвующий ссылке - появлялся (opacity = 1.0). Вот код <div id="links"> <a href="" class="point" id="1">ONE</a> <a href="" class="point" id="2">TWO</a> <a href="" class="point" id="3">THREE</a> </div> <div id="rotator"> <ul> <li class="show"><img src="1.jpg" alt=""></li> <li><img src="2.jpg" alt=""></li> <li><img src="3.jpg" alt=""></li> </ul> </div> CSS: #rotator {position: relative; height: 800px; height: 300px; /*margin-left: -19px;*/} #rotator ul li {float: left; position: absolute; list-style: none;} #rotator ul li.show {z-index: 500;} JAVASCRIPT: $(document).ready(function(){ $('div#rotator ul li').css({opacity: 0.0}); $('div#rotator ul li:first').css({opacity: 1.0}); $("a.point").hover(function() { var current = $('div#rotator ul li.show'); var hoverID = $(this).attr("id"); var elemLI = $('li:eq('+hoverID+')'); elemLI.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); current.css({opacity: 0.0}, 1000).removeClass('show');}, function() {return false;}); }); Получается Бред! Картинки меняются непонятно как вообще. Спасибо заранее.

Спасибо) Дак вот в этом то и есть вся проблема... половина сцен в видео уже подделано более или менее, просто если сравнить с оригиналом.. камера-то не айс, мягко говоря.. хотя все равно картинка оставляет желать лучшего.

Спасибо, народ)) Кстати, в зале сайгаки те же, что и в лесу. А музыка - это саундтрек к какой-то игрушке, не помню уже какой. Так вот ее чисто случайно взяли.

Постоянно кидаю их сюда.. )) теперь с целью оценки монтажа, благо для него была убита неделя работы в Photoshope, blender'е и Pinnacle =)) и вот оно)) готовое и забавное видео))

))) но комментировать ничего не значащие сообщения, которые привлекают к теме внимание, вы конечно все умеете. не в обиду сказано, но уровень форума в последнее время понижается все большими темпами: знающие теряют интерес тут находиться, модераторам пох (у них и так полномочий выше крыши), а желающие получить ответ на вопрос не находят его.. и им ничего не остается, как покинуть это место, сохранив где-то пароль от учетной записи, на всякий случай, дабы в будущем когда-нибудь вернуться ради интереса не закрылся ли форум вообще... А теперь, чтобы не полететь в бессмысленный бан за оффтоп или еще что.., мой вопрос звучал так: сам не понял, поэтому сюда и пришел. не знал, что для вас правильно вызвать функцию - сложнейшая задача, за которую не платят ничем взамен.. ))) более чем уверен, вы лично на этом форуме в качестве помощи писали намного более объемные коды, чем обращение у функции, что говорит либо о вашем незнании вопроса, либо о личной неприязни (что сразу исключается).. за длительный срок в этой теме появился только 1 комментарий (от вас), и тот не по теме.. вывод напрашивается сам собой: самое время удалить раздел форума JavaScript из-за его некомпетентности))) удачи в вашем сложном деле написания объемных кодов)))

Че никто не знает? правда? просто весьма забавно наблюдать статистику: 12 просмотров 0 ответов.. ))) а вопрос, казалось бы, простой очень.. код коротенький, плагины для JQUERY все используют.. мдааа. всем интересно, но помочь никто не в состоянии.

Привет) Вот код страницы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.scrollTo-min.js" type="text/javascript"></script> <script src="jquery.localscroll-min.js" type="text/javascript"></script> <title>Test page</title> <script type="text/javascript"> </script> </head> <body> <style type="text/css"> *{margin: 0px; padding: 0px;} body {background: #ffffff; position: absolute; left: 0px; top: 0px; color: #777777; font-size: 16pt; overflow: hidden; width: 3900px;} a:link, a:visited {color: #555555; text-decoration: underline;} a:hover, a:active {color: #222222; text-decoration: underline;} div {border: none;} img {border: none;} .sec {margin: 0px; bottom: 0px; width: 1300px; float: left; height: 100%;} .sec p {padding-left: 20px;} div.menu {width: 100%; height: 70px; color: #ffffff; background: #999999; top: auto; left: 0px; right: 0px; bottom: 0px; position: fixed; text-align: center;} </style> <div class="sec" id="sec1"> <p>Sec1</p> </div> <div class="sec" id="sec2"> <p>Sec2</p> </div> <div class="sec" id="sec3"> <p>Sec3</p> </div> <div class="menu"> <a href="#sec1">sec1</a> <a href="#sec2">sec2</a> <a href="#sec3">sec3</a> </div> </body> </html> не понимаю куда надо дописать обращение, чтобы при нажатии на ссылку в div.menu происходил плавный переход к div с соответствующим #id (#sec1, #sec2 и т.д.) Спасибо за помощь.

Спс за коменты) попробуем учесть.

Свежачек http://www.youtube.com/watch?v=uG3i0qRxbAc Веселое настроение, теплая погода, простенькое небольшое видео))

=) Приму к сведению!

Всем доброго времени суток)) Рад предложить к просмотру новое видео: Паркур. Лето. Санкт-Петербург / Ставрополь )) Смотрите наше новое видео (Keep Balance / Sunrise): http://www.youtube.com/watch?v=towxxax84kc Рад каждому комментарию сайтостроителей,))) Приятного просмотра)

Justnewone, благодю! ;-) Проблема решена. Еще раз большое спасибо, теперь буду знать как такая вещь реализуется.. )) Тема больше не актуальна.

Можно и одним дивом обойтись, если тебе нужно, чтобы цвет переходил в картинку только с одной стороны. Если с двух, то, как минимум, два дива (один в другом) нужно будет.

ЭЭЭй, Searcher, ты тут? =)