Forum Webscript.Ru
Программирование => JavaScript & JScript => Тема начата: Logan от 27 Мая 2005, 09:46:51
-
Смысл таков: имеется графический ролловер. Ссылок много, картинки одинаковые (текст разнвй). Чтобы не загружать туеву хучу картинок поступил просто: картинки ролятся отдельно, вместе с ними меняется цвет ссылки, которая написана поверх данной катинки. Вроде все понятно. На данный моменент это реализовано примерно так:
Вызывается все это дело примерно так:
А цвет ссылки меняется
Как-то покрасивее хоелось бы, прямо в функциях где картинка меняется...
Заранее спасибо
-
Logan
Ну ты извратился.......
Наведет на мысли:
Link
-
Надо попробовать. Как я понял, предзагрузку я оставляю, остальное - не нужно?
-
CGVictor
Спасибо еще раз, конечно все работает, только почти. Там тонкость одна есть... Это когда на картинку курсор наводишь, она меняется. И ссылка тоже должна... Просто таких картинок с сылками реально много и код получается большой, если по-моему делать(http://pome.pisem.net/5.gif)
-
Logan:
И ссылка тоже должна
???
-
Суть такова: Имеется каринка, являющаяся ссылкой, а поверх нее имеется тест, который тоже является ссылкой (и ссылается туда же):
--------------------
! текст !
--------------------
Фишка в том, что это как бы единая ссылка, то есть не должно быть разницы, навел я курсор на картинку или на текст внутри нее, при наведенной мыше картинка одна и цвет ссылки один, а при убранной другие. А текст поверх картинки - это чтобы не надо было 20 картинок рисовать с разными текстами, достаточно нарисовать две а тексты разные сверху положить. Ну если не совсем понятно - могу на мыло выслать архивчик со всей этой гадостью. Ну и из листинга понятно. Да, еще и предзагрузка должна работать. Проблемма в том, как с помощъю JS изменить цвет ссылки по ее имени. Т.е. грубо говоря:
процедура(имя_ссылки)
{имя_ссылки.style.color=blue}
процедура2(имя_ссылки)
{имя_ссылки.style.color=red}
Вот.
-
Logan
Н-да. ПОВТОРЮСЬ:
CGVictor:
Link
a:hover - это, по-твоему, что?
Что не ясно?
Если нужно положить текст именно сверху - в мануал CSS по относительному позиционированию. Да и вообще прочитать посоветую.
-
CGVictor
Мдаа... Ты извини, может я чего не догоняю, но только a:hover распространяется только на ссылку. Это, конечно, немного упрощает код, НО когда наводишь курсор на картинку (но не на ссылку), поверх которой написана ссылка, картинка меняется, а ссылка ведь нет... Ну а если вести курсором дальше и попасть на текст ссылки, конечно он изменится, за это тебе спасибо. Ну а если тебе не в лом, конечно, хотелось бы все-таки посмотреть как это на JS сделать. То есть типа процедурки, что я в прошлом посте описывал.
Видиш-ли, заказчик вредный и ко всему до мелочей докапывается, запилил уже. А я особо и не занимался вэбом раньше, а теперь за все бесцельно прожитые года отдуваться приходится.
Кстати, мануальчик по CSS я бы с удовольствием почитал, тока хорошего не видел еще.