Изменение картинки при наведении на нее курсора мыши

[Alteser]

Скажите пожалуйста можно ли перекаты сделать 2 разных картинок?

сделал перекат одной ,а вот хочу что бы ещё был перекат только с другими изображениями

[Veseloff]

Что такое перекаты?

[Alteser]

http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee

вот 1 пример (я это имею ввиду)

извините что некорректно выражаюсь

Edited May 31, 2011 by Alteser

[Softlink]

http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee

вот 1 пример (я это имею ввиду)

ну так там же все и написано Используя псевднокласса hover, двигайте картинку background-position и все.

[Alteser]

у меня получилось

а вот можно или нет такое повторить несколько раз с разными картинками?

[buddah]

Возможно ТС говорит об анимации?

[Alteser]

можно как не загруженное изображение вставить?(сюда)

[Int]

Яваскриптами можно сделать. При кажодм наведении прокручивать спрайт на x пикселей. Если он дорутился до конца, начать заново.

[Alteser]

я хочу сделать так:вот то что по ссылке первый пример я сделал,хочу на этой же странице сделать то же самое но с другими изображениями и при этом что бы работали оба изображения

[buddah]

при этом что бы работали оба изображения

Оба сразу? Тоесть наводишь на один, а двигаются оба или просто 2 картинки с ховер? Непонятно.

[Alteser]

2 картинк с ховер

[buddah]

А в чем проблема? Если смотреть на пример на этом сайте:

<a href="#" class="rollover">

Задаешь еще одну ссылку с таким же названием класса и все.

[Alteser]

таже картинка выползает а я хочу другую

[Softlink]

таже картинка выползает а я хочу другую

к нужным ссылкам применить в обязательном порядке background-position, а потом навесить отдельно для каждой класс с бэграундом.

[Int]

а я хочу другую

Сделай дополнительный класс с фоновыми картинками и задавай каждой ссылке свой класс.

[Alteser]

ничё не понял)) но как красиво сказано))

Edited May 31, 2011 by Alteser

[Int]

<a href="#" class="rollover1">
<a href="#" class="rollover2">
<a href="#" class="rollover3">
<a href="#" class="rollover4">