Zatrzymanie animacji gifu

jano · 2010-03-09 00:09:48

Czy dałoby radę zrobić coś takiego, aby był sobie obrazek nieruchomy i po najechaniu na niego myszką zmienił się on na obrazek gif, tylko, że po odpowiednim czasie animacji (np. 1 sekunda) ten gif zmienił się w nieruchomy obrazek, ale jeszcze inny niż ten przed najechaniem, taki w sumie co by pozostał na końcu animacji tego gifu, potem po odjechaniu kursorem od obrazka była kolejna animacja gif, która zakończyłaby się początkowym nieruchomym obrazkiem (tym przed najechaniem kursorem). Tzn. obrazek biały, po najechaniu kursorem ściemnia się na czarny, a po "odjechaniu" kursorem rozjaśnia się znów na biały.

Mangel · 2010-03-09 01:17:18

Takie rzeczy to chyba tylko w php.

jano · 2010-03-09 01:20:01

Kiedyś już coś takiego robiłem, ale nic z tego nie pamiętam, chociaż wydaję mi się, że to było w php, w CSS, JS i innych kodach pod PunBB nie da rady tego zrobić?

Mangel · 2010-03-09 02:24:16

Z tego co wiem, nie. Można się bawić w zewnętrzne hosty, iframe i inne cuda, ale bezpośrednio na forum raczej nie.

Problemss · 2010-03-09 08:00:58

Kwestia jest tylko w tym, by ten gif po najechaniu się uruchomił. Bo przecież nie ma żadnego kłopotu w tym, by gif przeszedł i później zrobił się z tego obrazek (na końcu gifa wstawiasz obrazek docelowy, bierzesz bez pętli i tyle [sred]) ). Można by spróbować z jakimś kodem HTML (na pewno jest taki, że po kliknięciu wyświetla się inny obrazek, może też jest, że po najechaniu...)

jano · 2010-03-09 12:32:01

Problemss to co ty mówisz (zmiana obrazka po najechaniu), to akurat nie problem, mam już taki kod, niestety działa on tylko na Mozilli Firefox, ale myślę, że znalezienie uniwersalnego kodu to nie problem. Ty, zdaje mi się, masz rozwiązania (albo domysły rozwiązania) tego większego problemu, czyli zmiany gifa po wykonaniu jego animacji na zwykły obrazek. Możesz dokładniej wytłumaczyć o co ci chodzi? Bo pisałeś coś o pętli, ale o ile mi wiadomo w gifie nie można stopować pętli (nawet jak spróbujemy to obrazek automatycznie nam się zapętli) i myślałem może o jakimś kodzie, ale nie mam żadnych pomysłów? O co Tobie chodzi?

Rudik · 2010-03-09 14:27:41

Przy tworzeniu gifa możesz zrobić, aby na końcu pojawiał się inny obrazek.
Co do innego obrazka po najechaniu, to spróbuj to:

<div id="obrazek"></div>

A w ogłoszenie/stopkę wklej to:

<style type="text/css">
#obrazek {
width: Xpx;
height: Xpx;
background: url(adres obrazka) no-repeat; }
#obrazek:hover {
background: url(adres obrazka po najechaniu) no-repeat; }
</style>

Gdzie X: szerokość
Gdzie Y: wysokość

jano · 2010-03-09 15:18:59

Rudik, chyba Cię źle rozumiem, albo ja czegoś nie wiem. Chodzi Ci o inny obrazek na końcu gifa (ale w tym gifie) czy o to, że na końcu animacji gifa zupełnie zmienia się plik? Tzn. Po najechaniu na obrazek A (zwykły) zmienia się on na obrazek B (gif), po czym, po końcu animacji znowu zmienia się na obrazek A, czy raczej chodzi ci o to, że obrazek A zmienia się po najechaniu na obrazek B, który jest gifem, ale bez pętli i na końcu gifu w obrazku B znowu jest obrazek A? Bo takich gifów zdaję mi się, że się nie da zrobić, znaczy "unicestwić" ich pętlę... Czy może się jednak da?

Oficjalne forum pomocy serwisu PUN.pl

#1 2010-03-09 00:09:48

Zatrzymanie animacji gifu

#2 2010-03-09 01:17:18

Odp: Zatrzymanie animacji gifu

#3 2010-03-09 01:20:01

Odp: Zatrzymanie animacji gifu

#4 2010-03-09 02:24:16

Odp: Zatrzymanie animacji gifu

#5 2010-03-09 08:00:58

Odp: Zatrzymanie animacji gifu

#6 2010-03-09 12:32:01

Odp: Zatrzymanie animacji gifu

#7 2010-03-09 14:27:41

Odp: Zatrzymanie animacji gifu

#8 2010-03-09 15:18:59

Odp: Zatrzymanie animacji gifu

Stopka