-
Есть кнопка-ссылка.
Хочется, чтобы при наведении плавно менялся цвет или текстура кнопки.
Можно ли задавать css
Код:
a {background-image: url(bg1.gif); display:block; width:100px; height: 25px;}
a:hover {background-image: url(bg2.gif);}
если bg2.gif - динамический gif?
То есть, я ищу альтернативу флешу [Only registered and activated users can see links. Click Here To Register...]
Смысл - и двигается, и ссылки текстом [Only registered and activated users can see links. Click Here To Register...]
-
Идея понятна. В принципе, можно. Только один нюанс – при таком коде потребуется время на подгрузку bg2.gif. Плюс к этому – "некоторый браузер" будет малость "передергивать". Гораздо оптимальнее сделать ОДИН файл для фона и просто менять его background-position при :hover...
[Only registered and activated users can see links. Click Here To Register...]...
-
Пасибки [Only registered and activated users can see links. Click Here To Register...]
А если делать это всё одной картинкой, то при наведении она будет во всех браузерах проигрываться с первого кадра?
-
Кстати, не факт. (
Помнится как-то обсуждали ролловеры на JS – так даже и там возникли подобные проблемы в IE7. А в IE6, FF, Opera – все получалось с первого кадра...
-
[Only registered and activated users can see links. Click Here To Register...]
Думаю, наиболее подходящ вариант
Код:
* 1. *a{
* 2. background-image: url(”hover_img.gif”);
* 3. }
* 4. a:link,a:visited{
* 5. background-image: url(”default_img.gif”);
* 6. }
* 7. a:hover{
* 8. background-image: url(”hover_img.gif”);
* 9. }
-
Цитата:
Originally posted by mamba@May 28 2007, 09:05
[Only registered and activated users can see links. Click Here To Register...]
Думаю, наиболее подходящ вариант
Код:
* 1. *a{
* 2. background-image: url(”hover_img.gif”);
* 3. }
* 4. a:link,a:visited{
* 5. background-image: url(”default_img.gif”);
* 6. }
* 7. a:hover{
* 8. background-image: url(”hover_img.gif”);
* 9. }
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
Так тоже не покатит, если hover.gif динамический. (будет вылезать не понятный кадр в осле)
-
Да, скорее всего и в таком варианте в IE7 будут проблемы...
-
[Only registered and activated users can see links. Click Here To Register...] - Ссылки с меняющимися картинками
-
Рёга
Это стандартный скрипт Dreamweaver-а... Его я и подразумевал, когда говорил о ролловерах на JS... Только насколько мне помнится, этот вариант в IE7 тоже не с первого кадра проигрываться начинает...
Сейчас из принципа ссыль откопаю...
[Only registered and activated users can see links. Click Here To Register...].