Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript] Powtórne odtworzenie gifa
barthpl
post
Post #1





Grupa: Zarejestrowani
Postów: 142
Pomógł: 35
Dołączył: 5.12.2006
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Mam takie pytanie: czy jest możliwe powtórne odtworzenie gifa (animowany) który już raz się wykonał questionmark.gif

Pełen opis sytuacji: mam sobie animację w gifie, która się odtwarza przy uruchomianiu strony i chciałbym na stronie dodać przycisk "odtwórz jeszcze raz", po kliknięciu którego gif wykonałby (odtworzył) się raz jeszcze.


--------------------
Jeżeli pomogłem rozwiązać Twój problem, kliknij pomógł.
Go to the top of the page
+Quote Post
kokers
post
Post #2





Grupa: Zarejestrowani
Postów: 154
Pomógł: 33
Dołączył: 18.10.2010
Skąd: Katowice

Ostrzeżenie: (0%)
-----


może tak?
document.images["image_name"].src = "image_source";

innymi słowy, albo refresh strony, albo ajax i np ładowanie obrazka do kontenera. np z frameworkiem prototype i funkcja update.

Ten post edytował kokers 28.02.2011, 20:36:22


--------------------
‎"Sometimes you're gonna get odd error syntax, unexpected T_PAAMAYIM_NEKUDOTAYIM and you're like, what in the world is that thing i have no idea what went wrong in my code. In english that error means you screwed up the references to an object" Kevin Skoglund
Drobna prywata: Ależ nie nie, nie zamierzam zmieniać płci w najbliższym czasie, więc zwracanie się do mnie per Pan jest odrobinkę nietrafione.
Go to the top of the page
+Quote Post
zegarek84
post
Post #3





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
-----


jedne ze sposobów które powinny zadziałać aczkolwiek specjalnie nie chce mi się sprawdzać to... podmień src w pierwszej kolejności na pusty ciąg [ale, żeby nie było skoku obrazka nadaj mu wymiary] lub na adres innego obrazka i od razu wstaw potem stary adres src [nikt tej zmiany nie zauważy] - gif powinien się od nowa odtworzyć... następny sposób jaki mi przychodzi do głowy to utwórz metodami dom element obrazka, nadaj mu odpowiednie źródlo i podmień elementy [obrazki] w drzewie dom... jeszcze jeden ze sposobów który na 100% zadziała ale mało optymalny gdyż obrazek zostanie pobrany po raz kolejny to dodanie do adresu obrazka losowych cyfr np. timstap "obrazek.gif?12345"...

edit...
jeszcze jedna to po prostu na żywca możesz skasować zawartość jakiegoś kontenera z tym obrazkiem i wstawić tam ten obrazek przez innerHTML...

Ten post edytował zegarek84 28.02.2011, 21:51:52


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post
wNogachSpisz
post
Post #4





Grupa: Zarejestrowani
Postów: 1 233
Pomógł: 87
Dołączył: 6.03.2009

Ostrzeżenie: (40%)
XX---


Hmmm, pod operą to nie zadziała..
Raz zaladowany gif będzie działał tak jakby odtwarzał się "w tle".
Nie masz pewności od którego momnetu cyklu zacznie się animacja kiedy go uwidocznisz...

Może by tak ładowac gfia z cachefixem?
http://example.com/img.gif?cachefix=123456789
Go to the top of the page
+Quote Post
zegarek84
post
Post #5





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
-----


Cytat(wNogachSpisz @ 1.03.2011, 09:40:47 ) *
Hmmm, pod operą to nie zadziała..

to a dokładnie co nie zadziała??

po części masz rację ale też napisałem, że nie będę sprawdzał które z rozwiązań zadziała uniwersalnie - to co Ty masz na myśli to fakt, nie może być tego obrazka na stronie pod operą - ale żaden problem - wystarczy podmienić obrazek lub zrobić coś takiego - sprawdziłem i zadziaalło - z tą rużnicą, że ten gif by się nonstop wykonywał - w tym przykładzie on zaczyna się wykonywać od początku co 3 sekundy - poprzedź skrypt napisem java script: w pasku adresu i go wklej w operze:
[JAVASCRIPT] pobierz, plaintext
  1. var url = 'http://uminscy.blox.pl/resource/powiedzmihc0.gif',
  2. img = document.createElement('img');
  3. img.setAttribute('src', url);
  4. document.body.appendChild(img);
  5.  
  6. var fAdImg = (function(img, url){return function(){
  7. img.src = "";
  8. img.src = url;
  9. }})(img, url);
  10. setInterval(fAdImg, 3000);void(0);
[JAVASCRIPT] pobierz, plaintext


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 11:35