Forum Webscript.Ru

Программирование => JavaScript & JScript => Тема начата: Logan от 27 Мая 2005, 09:46:51

Название: Помогите изменить цвет ссылки
Отправлено: Logan от 27 Мая 2005, 09:46:51
Смысл таков: имеется графический ролловер. Ссылок много, картинки одинаковые (текст разнвй). Чтобы не загружать туеву хучу картинок поступил просто: картинки ролятся отдельно, вместе с ними меняется цвет ссылки, которая написана поверх данной катинки. Вроде все понятно. На данный моменент это реализовано примерно так:





Вызывается все это дело примерно так:
 


"первая





"Вторая




А цвет ссылки меняется






Как-то покрасивее хоелось бы, прямо в функциях где картинка меняется...

Заранее спасибо
Название: Помогите изменить цвет ссылки
Отправлено: CGVictor от 27 Мая 2005, 10:52:42
Logan
Ну ты извратился.......

Наведет на мысли:

Link
Название: Помогите изменить цвет ссылки
Отправлено: Logan от 27 Мая 2005, 14:25:08
Надо попробовать. Как я понял, предзагрузку я оставляю, остальное - не нужно?
Название: Помогите изменить цвет ссылки
Отправлено: Logan от 27 Мая 2005, 14:53:38
CGVictor
Спасибо еще раз, конечно все работает, только почти. Там тонкость одна есть... Это когда на картинку курсор наводишь, она меняется. И ссылка тоже должна... Просто таких картинок с сылками реально много и код получается большой, если по-моему делать(http://pome.pisem.net/5.gif)
Название: Помогите изменить цвет ссылки
Отправлено: CGVictor от 27 Мая 2005, 16:26:24
Цитировать
Logan:
И ссылка тоже должна

???
Название: Помогите изменить цвет ссылки
Отправлено: Logan от 27 Мая 2005, 17:05:22
Суть такова: Имеется каринка, являющаяся ссылкой, а поверх нее имеется тест, который тоже является ссылкой (и ссылается туда же):
--------------------
!     текст      !
--------------------
Фишка в том, что это как бы единая ссылка, то есть не должно быть разницы, навел я курсор на картинку или на текст внутри нее, при наведенной мыше картинка одна и цвет ссылки один, а при убранной другие. А текст поверх картинки - это чтобы не надо было 20 картинок рисовать с разными текстами, достаточно нарисовать две а тексты разные сверху положить. Ну если не совсем понятно - могу на мыло выслать архивчик со всей этой гадостью. Ну и из листинга понятно. Да, еще и предзагрузка должна работать. Проблемма в том, как с помощъю JS изменить цвет ссылки по ее имени. Т.е. грубо говоря:

процедура(имя_ссылки)
{имя_ссылки.style.color=blue}
процедура2(имя_ссылки)
{имя_ссылки.style.color=red}

Вот.
Название: Помогите изменить цвет ссылки
Отправлено: CGVictor от 27 Мая 2005, 20:18:00
Logan
Н-да. ПОВТОРЮСЬ:

Цитировать
CGVictor:

Link

a:hover - это, по-твоему, что?


Что не ясно?

Если нужно положить текст именно сверху - в мануал CSS по относительному позиционированию. Да и вообще прочитать посоветую.
Название: Помогите изменить цвет ссылки
Отправлено: Logan от 28 Мая 2005, 18:55:16
CGVictor
Мдаа... Ты извини, может я чего не догоняю, но только a:hover распространяется только на ссылку. Это, конечно, немного упрощает код, НО когда наводишь курсор на картинку (но не на ссылку), поверх которой написана ссылка, картинка меняется, а ссылка ведь нет... Ну а если вести курсором дальше и попасть на текст ссылки, конечно он изменится, за это тебе спасибо. Ну а если тебе не в лом, конечно, хотелось бы все-таки посмотреть как это на JS сделать. То есть типа процедурки, что я в прошлом посте описывал.
                     Видиш-ли, заказчик вредный и ко всему до мелочей докапывается, запилил уже. А я особо и не занимался вэбом раньше, а теперь за все бесцельно прожитые года отдуваться приходится.
                     Кстати, мануальчик по CSS я бы с удовольствием почитал, тока хорошего не видел еще.