Кто подскажет как сделать анимированную картинку на сайт???=)

Slavchik · 2011-04-01 20:34:14

понимаю что вопрос глупый но все же=)
на нг я не видел, но когда занимался дле,на шаблоне была такая фишка, типо наводишь на картинку, а он изменяется
шаб долго искать, поэтому спрашиваю тута=)

вот так помоему она выглядила:

сохранял в разных форматах, и в фотошопе сохранял для вэб устройст, но не шла на сайте=(

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

Отредактировано Slavchik (2011-04-01 20:35:16)

Trashcka · 2011-04-02 02:40:18

Slavchik, так тебе надо анимированную картинку?, если исходить из названию темы, или тебе надо, чтобы при наведении на картинку изменялся шаблон?, если исходить из этих твоих слов - на шаблоне была такая фишка, типо наводишь на картинку, а он изменяется, а если смотреть на твой скрин, то наверно тебе надо, чтобы одна картинка заменялась другой?

Лучше всего показывай рабочий пример что надо ))

Slavchik · 2011-04-02 08:52:19

Trashcka пишет:

надо, чтобы одна картинка заменялась другой

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

так как делать то???? :/

KhadeR · 2011-04-02 13:17:29

в помощь тебе hover и если используешь спрайты, то background-position

Отредактировано KhadeR (2011-04-02 13:18:02)

Trashcka · 2011-04-02 13:57:41

Slavchik, это так понимаю будут картинки ссылки, если да?, то так:

HTML

<a href="АДРЕС ЛИНКА" class="link">НАЗВАНИЕ ССЫЛКИ</a>

CSS - без спрайта

.link { width: XXXpx; height: XXXpx; background: url(images/НАЗВАНИЕ ТВОЕЙ КАРТИНКИ.png) 0 0 no-repeat; text-indent: -9999px; display: block; overflow: hidden; }
.link:hover  { background: url(images/НАЗВАНИЕ ТВОЕЙ КАРТИНКИ.png) 0 0 no-repeat; }

CSS - со спрайтом

.link { width: XXXpx; height: XXXpx; background: url(images/НАЗВАНИЕ ТВОЕЙ КАРТИНКИ.png) XXXpx XXXpx no-repeat; text-indent: -9999px; display: block; overflow: hidden; }
.link:hover { background-position: XXXpx XXXpx; }

Отредактировано Trashcka (2011-04-02 14:27:53)

Slavchik · 2011-04-03 00:39:07

Ребят СПАСИБО за помощь!!!
быстро работаете ;)

Slavchik · 2011-04-03 01:31:16

ахахаха
Fuck Yeah Славчик сделал

а теперь вот еще один вопрос=)
с анимацией покатит такая фишка??=)

Trashcka · 2011-04-03 01:32:22

Slavchik, покатит с любым расширением картинок.

Slavchik · 2011-04-03 01:33:45

Оперативненько
Еще раз пасиб :)

Next Generation CMS :: Форум поддержки

Объявление

#1 2011-04-01 20:34:14

Кто подскажет как сделать анимированную картинку на сайт???=)

#2 2011-04-02 02:40:18

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#3 2011-04-02 08:52:19

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#4 2011-04-02 13:17:29

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#5 2011-04-02 13:57:41

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#6 2011-04-03 00:39:07

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#7 2011-04-03 01:31:16

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#8 2011-04-03 01:32:22

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

#9 2011-04-03 01:33:45

Re: Кто подскажет как сделать анимированную картинку на сайт???=)

Подвал форума