Показано с 1 по 9 из 9

Тема: динамический GIF-бэкграунд

  1. #1

    Регистрация
    19.02.2007
    Сообщений
    70
    Есть кнопка-ссылка.
    Хочется, чтобы при наведении плавно менялся цвет или текстура кнопки.
    Можно ли задавать css
    Код:
    a {background-image: url(bg1.gif); display:block; width:100px; height: 25px;}
    a:hover {background-image: url(bg2.gif);}
    если bg2.gif - динамический gif?
    То есть, я ищу альтернативу флешу
    Смысл - и двигается, и ссылки текстом

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Идея понятна. В принципе, можно. Только один нюанс – при таком коде потребуется время на подгрузку bg2.gif. Плюс к этому – "некоторый браузер" будет малость "передергивать". Гораздо оптимальнее сделать ОДИН файл для фона и просто менять его background-position при :hover...

    [Только зарегистрированные пользователи могут видеть ссылки. ]...

  3. #3

    Регистрация
    19.02.2007
    Сообщений
    70
    Пасибки
    А если делать это всё одной картинкой, то при наведении она будет во всех браузерах проигрываться с первого кадра?

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Кстати, не факт. (
    Помнится как-то обсуждали ролловеры на JS – так даже и там возникли подобные проблемы в IE7. А в IE6, FF, Opera – все получалось с первого кадра...

  5. #5

    Регистрация
    19.02.2007
    Сообщений
    70

    Думаю, наиболее подходящ вариант
    Код:
     * 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. }

  6. #6

    Регистрация
    22.03.2007
    Сообщений
    124
    Originally posted by mamba@May 28 2007, 09:05

    Думаю, наиболее подходящ вариант
    Код:
     * 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'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    Так тоже не покатит, если hover.gif динамический. (будет вылезать не понятный кадр в осле)

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Да, скорее всего и в таком варианте в IE7 будут проблемы...

  8. #8

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    [Только зарегистрированные пользователи могут видеть ссылки. ] - Ссылки с меняющимися картинками

  9. #9

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Рёга
    Это стандартный скрипт Dreamweaver-а... Его я и подразумевал, когда говорил о ролловерах на JS... Только насколько мне помнится, этот вариант в IE7 тоже не с первого кадра проигрываться начинает...

    Сейчас из принципа ссыль откопаю...

    [Только зарегистрированные пользователи могут видеть ссылки. ].

Похожие темы

  1. Бэкграунд репит не работает в IE при png
    от fenixnt в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 03.11.2007, 19:46
  2. Фрактальный бэкграунд
    от blackshpon в разделе Растровая графика
    Ответов: 3
    Последнее сообщение: 06.10.2007, 04:39
  3. Бэкграунд в Фаерфоксе
    от dennis_ru в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 17.04.2007, 14:28
  4. Динамический размер IFRAME'а
    от AZart-design в разделе Веб-программирование
    Ответов: 4
    Последнее сообщение: 05.10.2005, 12:21

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •