W tym artykule dowiesz się, dlaczego gify nie działają w Odnoklassnikach, przyczyny problemów i jak sobie z tym poradzić. Ponieważ w sieci społecznościowej OK większość ludzi to niedoświadczeni użytkownicy komputerów i Internetu, oni tę instrukcję się przyda. Problem ten może mieć wiele przyczyn, które są związane z przeglądarkami, wtyczkami, a także w dużej mierze zależą od stabilnego działania samej usługi. Przyjrzyjmy się bliżej powodom, dla których gify nie są wyświetlane w Odnoklassnikach lub dlaczego gify są czarne w Odnoklassnikach (użytkownicy często narzekają, że animacje stają się czarne lub ciemnieją podczas odtwarzania). Również na naszej stronie internetowej przeczytasz o tym, gdzie je znaleźć i jak z nich korzystać.
W sieci społecznościowej nie ma osobnej sekcji na album z gifami. Kiedy zapiszesz pierwszą animację na swoim profilu i prześlesz ją z komputera, ten album zostanie utworzony automatycznie, więc nie musisz wkładać żadnego wysiłku. Teraz zastanówmy się, jak odtwarzać animacje GIF.
Wyróżnijmy listę problemów i usterek, z powodu których animacje nie ładują się:
Przyjrzyjmy się każdemu powódowi bardziej szczegółowo i spójrzmy, jak rozwiązać problem.
Przede wszystkim spróbuj otworzyć plik GIF w sieci społecznościowej za pomocą innej przeglądarki. Jeśli w innym programie wszystko działa dobrze, problem dotyczy Twojej standardowej przeglądarki. Pliki GIF nie ładują się z powodu wtyczek innych firm lub stara wersja programy. Musisz to zaktualizować. Jeśli to nie pomoże, będziesz musiał przejść na inną przeglądarkę i przyzwyczaić się do tego.
Pliki GIF również nie działają z powodu awarii usług. Twórcy sieci społecznościowej często eliminują takie problemy w krótkim czasie, więc wystarczy poczekać. Jeśli nawet po jednym dniu błąd podczas odtwarzania nie zniknie, napisz do pomoc techniczna apelacja, w której wskazujesz temat problemu i go opisujesz. Obsługa szybko rozpatrzy Twoją reklamację, rozwiąże ją lub podpowie, co zrobić w tej sytuacji. Jednak przypadki uszkodzonej strony internetowej są rzadkie, więc przejdźmy do bardziej powszechnych problemów. Przeczytaj także artykuł na naszej stronie internetowej o tym, dlaczego i co z tym zrobić.
Flash Player to wtyczka wymagana do uruchamiania plików multimedialnych w przeglądarce. Aby sprawdzić wersję zainstalowaną na komputerze, przejdź do linku https://get.adobe.com/ru/flashplayer. Tam możesz pobrać najnowszą wersję programu.
Często niedoświadczeni użytkownicy nie chronią swojego komputera za pomocą programów antywirusowych, co prowadzi do infekcji przeglądarki. Oznacza to, że pliki GIF, filmy lub muzyka (czasami wszystkie razem) nie będą się otwierać. Aby rozwiązać ten problem, musisz przejść do folderu na dysk systemowy Windows/system32/sterowniki/etc/. Otwórz to plik hosts za pomocą Notatnika i usuń wszystkie wpisy, a następnie zapisz zmiany.
Gify na telefonie nie działają ze względu na słabe urządzenie, przestarzałą przeglądarkę lub wersję mobilna aplikacja. W pierwszym przypadku będziesz musiał zmienić telefon, w dwóch ostatnich będziesz musiał dokonać aktualizacji oprogramowanie zanim aktualne wersje. Teraz wiesz, dlaczego GIF-y się nie poruszają i jak to naprawić.
GIFy nie działają
Temat optymalizacji stron internetowych jest obecnie poruszany coraz częściej. I nie bez powodu, ponieważ Internet staje się coraz szybszy i jest coraz więcej informacji. Wystarczy spojrzeć na liczbę usług optymalizacji obrazu, Style CSS, Style JS pojawiły się niedawno. Osiągnięcie szybkiego ładowania strony internetowej stało się znacznie łatwiejsze niż wcześniej. Ale nawet tutaj nie wszystko można rozwiązać za pomocą prostych usług. Dzisiaj przyjrzymy się prostemu sposobowi pobierania plików GIF tylko po kliknięciu.
Jeśli chcesz bardziej szczegółowo przestudiować temat prędkości ładowania, polecam przeczytać następujące artykuły:
Ponieważ artykuł dotyczy konkretnie obrazów GIF, polecam przestudiować artykuł na temat Tworzenie GIF-ów online:
Nie będzie przykładów przed i po, ponieważ wszystko tutaj będzie jasne w liczbach. Poniżej możesz zobaczyć i pobrać gotowy przykład ładowania obrazu GIF po kliknięciu:
Aby jasno ocenić wszystkie zalety i wady tej metody, przedstawiłem wszystko jasno w tabeli:
Pierwszy punkt jest trochę kontrowersyjny, bo można było napisać skrypt w czystym JavaScript, wtedy by go nie było, ale reszta na pewno i tak pozostanie.
Nie jest jeszcze do końca jasne, jaki jest sens tej metody, skoro ma ona tak wiele wad. Ale ostatni plus dla wielu (w tym dla mnie) będzie znacznie ważniejszy niż wszystkie wymienione powyżej minusy. Aby osiągnąć dobrą prędkość pobierania, musisz zrobić kilka rzeczy.
Teraz chcę trochę porozmawiać ta ostatnia metoda pliki do pobrania i pokaż liczbowo, jak bardzo różnią się wolumeny pobranych danych po prostu wstawiając GIF, a także w drugim przypadku. Podam przykłady tych obrazów GIF, które można zobaczyć w plikach .
Konkretnie w w tym przykładzie różnice są kolosalne!
Powiedzmy, że zainspirowałeś się Ta metoda i zdajesz sobie sprawę, że Twoja witryna zawiera dużą liczbę obrazów GIF, ale spada szybkość ładowania. I zdecydowałeś się zaimplementować tę funkcjonalność w swoim projekcie (być może w przyszłości). Istnieje niewielka procedura wstępna, podczas której należy przygotować obrazy podglądu, które należy wyświetlić zaraz po załadowaniu witryny. Oznacza to, że są to dokładnie te obrazy, które użytkownik widzi, dopóki nie kliknie przycisku Odtwórz.
Co można umieścić na obrazie podglądu? Są tu dwie możliwości: albo zrobić podgląd każdego obrazu GIF, który jest jego pierwszą klatką, albo stworzyć jeden obraz, który będzie używany w całej witrynie, niezależnie od obrazu GIF. Ale sam musisz zdecydować, co będzie najlepsze dla Twojego projektu.
Tak więc przygotowałeś wszystkie obrazy podglądu dla każdego obrazu GIF i jesteś teraz gotowy do wdrożenia funkcjonalności, a następnie przejdźmy do najciekawszego bloku! 🙂
Tutaj wszystko będzie naprawdę proste, a jeśli nie, to po prostu pobierz przykład demo i zobacz, jak wszystko działa w środku i podejmij odpowiednie działania dla swojego projektu.
Zacznijmy jak zwykle od znaczników:
| 1 2 3 | <div class = "gif-with-play" > <img src = "img/self-portrait.jpg" alt = "Autoportret" data-srcgif= "img/self-portrait.gif" > !} </div> |
WAŻNE: wszystkie obrazy muszą znajdować się w bloku z klasą „gif-with-play”. I druga ważna uwaga: musisz podać adres przed obrazem podglądu w atrybucie „src” i MUSISZ podać adres przed obrazem GIF w atrybucie „data-alt” .
Tak naprawdę można obejść się bez stylów CSS, zaimplementować funkcjonalność i tyle. Ale jest mało prawdopodobne, że dana osoba zrozumie, że może kliknąć obraz i po prostu przewinąć stronę w dół. Dlatego nadal potrzebujemy stylów, które pomogą użytkownikowi zrozumieć, jak pracować z tym komponentem strony:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | .gif-with-play (pozycja: względna; tło) przezroczysty, bez powtórzeń, na środku; ) .gif-with-play :hover ( kursor : wskaźnik ; ) .gif-with-play :hover :before ( kolor tła : rgba(255 , 255 , 255 , .56) ; ) .gif-with-play : po , .play .gif-with-play :after (treść: ""; pozycja: bezwzględna; góra: 0; lewa: 0; prawa: 0; dół: 0; margines: auto; wysokość: 120px; szerokość: 120px; -webkit-background-size: okładka; rozmiar tła: okładka; z-index: 10; -webkit-przejście: wszystkie ułatwienia .35; -o-przejście: wszystkie ułatwienia .35; przejście: wszystkie ułatwienia .35; krycie: 1 ; ) .gif-with-play :after ( obraz tła : url ( „../img/player-buttons/play_button.svg”) ; ) .play .gif-with-play :after ( obraz tła : url ( „../img/player-buttons/stop_button.svg”) ; ) .play .gif-with-play : not(: hover) :after ( krycie : .35; ) .gif-with-play :before ( treść: "" ; pozycja: bezwzględna; góra: 0; lewa: 0; wysokość: 100%; szerokość: 100%; kolor tła: rgba(255, 255, 255, .7); z-index: 10; -webkit-przejście: wszystkie .35s łatwość; -o-przejście: wszystkie .35s łatwość; przejście: wszystkie .35s łatwość; krycie: 1; ) .play .gif-with-play:before ( kolor tła : rgba(255 , 255 , 255 , 0 ) ; ) .gif-with-play img ( krycie : 1 ; -webkit-przejście: wszystkie ułatwienia .35; -o-przejście: wszystkie ułatwienia .35; przejście: wszystkie ułatwienia .35 img ( krycie .play .gif-with-play :after ( krycie : 0 ; ) Ekran @media i (maksymalna szerokość: 768 pikseli) (.gif-with-play:po , .play .gif-with-play :po (wysokość: 60px; szerokość: 60px; )) |
Jest to najbardziej podstawowy zestaw stylów wyświetlania przycisku Odtwórz. Napisałem je tylko po to, abyś zrozumiał zasadę i mógł zmienić przycisk (i dowolne style) tak, aby pasował do Ciebie i Twojego projektu. Jeśli zauważyłeś, w przypadku obrazu GIF, który będzie zastępowany za pomocą JS zamiast podglądu, blok kontenera (w naszym przypadku blok z klasą „gif-with-play”) jest dodawany z klasą „play”.
Niektórzy powiedzą, że możliwe było dodanie dodatkowych tagów do znaczników HTML i dołączenie do nich zdarzenia odtwarzania GIF i zatrzymania. Ale podoba mi się format z pseudoelementami :before i :after.
Pierwszą rzeczą, którą musisz zrobić, to połączyć biblioteka jQuery. A następnie umieść następujący skrypt poniżej:
KOD JAVASCRIPT
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | (funkcja ($) ( $(.gif-with-play") .on ("kliknij" , funkcja () ( var $this = $(this ) , $img = $this.children ( "img" ) , $imgSrc = $img.attr („src”) , $imgSrcgif = $img.attr („data-srcgif”) , $imgExt = $imgSrcgif.split („”.” ) ; if ($imgExt[ 1 ] == = "gif" ); ) ) ; ) else ( $img.attr („src” , $imgSrcgif) .attr („data-srcgif” , $img.data („srcgif” ) ) ; ) $this.toggleClass ( "zagraj" ) ; ) ); ) ) (jQuery) ; |
Główne zalety i możliwości wtyczki „WP GIF Player”:
Dla właścicieli WordPressa tak jest dobra decyzja, ponieważ ciągłe wykonywanie wszystkich czynności ręcznie może zająć dużo czasu, a napisanie własnej wtyczki nie jest czymś, co każdy może zrobić.
Teraz obrazy GIF to świetny sposób na wyjaśnienie większości ważny punkt. Ponadto wiele dokumentacji jest tworzonych przy użyciu obrazów GIF, ponieważ można wyraźnie pokazać użycie narzędzia lokalnie lub za pomocą skrótów klawiszowych.
Ale tę metodę trudno zastosować na dużych wolumenach, gdy używasz jej na prawie każdej stronie, ponieważ będziesz musiał zmodyfikować tę metodę, aby serwer sam generował obraz podglądu z GIF.
Zepsuty GIF w Odnoklassnikach wyraźnie wskazuje na istniejący problem. Identyfikacja i wdrożenie zestawu środków mających na celu rozwiązanie problemu pomoże przywrócić pełne funkcjonowanie sieci społecznościowej.
Istnieje kilka powodów, dla których gify nie działają w Odnoklassnikach:
Metody rozwiązywania problemów są różne, dlatego konieczne jest szczegółowe rozważenie każdego przypadku.
Łatwo sprawdzić, że przyczyną niedziałania gifów jest przeglądarka. Musisz zalogować się do Odnoklassniki za pomocą innej przeglądarki internetowej i spróbować otworzyć animację. Jeśli gif działa, oznacza to, że występuje jeden z problemów:
Rozwiązaniem jest aktualizacja przeglądarki, usunięcie niepotrzebnych wtyczek lub przejście na inną przeglądarkę.
Często awarie w działaniu animowanych obrazów wynikają z błędów w samej sieci społecznościowej lub na stronie internetowej. prace techniczne. Takie problemy są szybko rozwiązywane przez programistów, a użytkownikom pozostaje:
Najczęściej nie otwierają się na Odnoklassnikach z powodu błędu w działaniu wtyczki do odtwarzania wszystkich plików multimedialnych - „Flash player”. Z reguły w tym przypadku do zamrożonych animacji dodawane są niedziałające gry. Aby rozwiązać problem, potrzebujesz:
Nieostrożni użytkownicy mogą paść ofiarą wirusów, co również ograniczy odtwarzanie gifów w Odnoklassnikach. Złośliwe oprogramowanie wpływać na inne pliki multimedialne, dlatego ważne jest, aby chronić swoje urządzenie niezawodnym programem antywirusowym, a następnie skanować i analizować konsekwencje infekcji. 
Niektóre pliki zostaną wyleczone, inne poddane kwarantannie lub usunięte. Jeśli dotyczy pliki systemowe, przywrócenie normalnego działania może wymagać ponownej instalacji systemu operacyjnego.
„Ożywienie” gifów, które nagle zawiesiły się w Odnoklassnikach, nie jest trudne, jeśli dokładnie określisz źródło problemu i podejmiesz niezbędne działania, aby go rozwiązać.
Animacja GIF stała się popularnym sposobem rozpowszechniania informacji w sieciach społecznościowych. Korzystając z małych fragmentów filmów, użytkownicy dzielą się między sobą zabawnymi historiami, przepisami i wiadomościami. Na niektórych smartfonach z obsługą System Android animowane gify nie odtwarzają się. Animacja albo nie ładuje się całkowicie, albo gif zawiesza się i nie odtwarza się poprawnie.
Nowoczesne smartfony potrafią odtwarzać animację GIF na kilka sposobów:
Jeśli użytkownik ma problemy z odtwarzaniem, zaleca się zainstalowanie na smartfonie aplikacji do odtwarzania animacji.
Wymienione poniżej aplikacje są bezpłatne. Można je pobrać w serwisie GooglePlay, po instalacji można za ich pośrednictwem otwierać i przeglądać pliki w formacie gif.
Menedżer plików QuickPic umożliwia przeglądanie obrazów i animacji gif. Aplikacja jest lekka i szybka. Wielu użytkowników woli QuickPic do przeglądania zdjęć i obrazów zamiast standardowej galerii Androida. Za pomocą QuickPic możesz wykonać następujące operacje:
QuickPic nie zwalnia nawet na wolnych lub przeciążonych smartfonach.
Aplikacja została zaprojektowana specjalnie do pracy z animowanymi plikami GIF. Po zainstalowaniu GIF Playera użytkownik ma dostęp do:
Odtwarzacz GIF działa płynnie i odtwarza animacje bez opóźnień i artefaktów.
Ta aplikacja jest również przeznaczona do odtwarzania animacji GIF. Jeśli użytkownik ma aktywne połączenie sieciowe na swoim smartfonie, animowane obrazy można wyszukiwać i pobierać za pośrednictwem aplikacji.
W tej krótkiej lekcji poruszmy temat przeglądania obrazów, a konkretnie porozmawiajmy o oglądaniu obrazów gif na sali operacyjnej System Windows 7.
Dlaczego formatować gif i dlaczego właściwie w Windowsie 7?
Faktem jest, że we wcześniejszych systemach operacyjnych (na przykład Windows XP) otwierano pliki tego formatu standardowe środki przeglądanie zdjęć i przeglądanie ich nie sprawiało żadnych trudności ani pytań, a już zaczyna się Windows Vista sytuacja się zmieniła. W tym i kolejnych systemach operacyjnych pliki gif otwierają się w formacie przeglądarka internetowa Poszukiwacz.
Dla wielu użytkowników, którzy przeszli na nowy Windows ta innowacja okazała się, delikatnie mówiąc, dziwna i niewygodna, dlatego w tej lekcji przyjrzymy się kilku opcjom wyjścia z tej sytuacji.
Tak więc, bez wchodzenia w szczegóły, GIF jest popularnym formatem obrazu graficznego, który obsługuje przezroczystość i animację.
Oto prosty przykład:
Jak widać oba pliki mają jedno (to samo rozszerzenie gif), ale jednocześnie różnią się od siebie (jeden z nich ma efekt animacji, drugi nie). Musisz to zrozumieć!
Jeśli my, będąc w system operacyjny Windows 7, kliknij ikonę animowanego pliku gif, zostanie on domyślnie otwarty w przeglądarce (jak wspomniano powyżej) i jego animacja zostanie zapisana.
Teraz upewnijmy się, że pliki gif otwierają się w zwykły sposób (standardowa przeglądarka obrazów). Jest to dość proste - kliknij dowolny plik gif kliknij prawym przyciskiem myszy mysz i menu kontekstowe Wybierz przedmiot Otwórz za pomocą – wybierz program:
Następnie znajdź wymagany element w tej sekcji, wybierz go i kliknij OK. Jeśli chcesz ten typ plik (gif) był zawsze otwierany w standardowej przeglądarce, najpierw zaznacz to pole Użyj wybranego programu do wszystkich plików tego typu:
Następnie nasz plik zostanie otwarty w znanej przeglądarce, ale...
Należy pamiętać, że w Windows 7 przeglądanie animowanych plików gif w ten sposób będzie nieprawidłowe – zamiast animacji zobaczymy statyczny obraz (pierwszą klatkę). Te. Jeśli otworzymy w ten sposób choinkę z migającymi girlandami, to nie zobaczymy żadnych migających girland - obraz będzie nieruchomy.
Oto niuans.
Jeśli animacja plików gif nie jest dla Ciebie ważna, możesz bezpiecznie skorzystać z tej opcji przeglądania, w przeciwnym razie musisz zostawić wszystko bez zmian i wyświetlić animację gif w przeglądarce (zgodnie z zamierzeniami twórców systemu Windows). Z czasem można się do tego przyzwyczaić.
W tej sytuacji zdecydowanie muszę wspomnieć, że istnieje trzecia (alternatywna) możliwość oglądania - skorzystaj programy stron trzecich aby przeglądać obrazy.
Istnieje wiele takich programów i każdy ma swoje zalety i wady. Jako alternatywę mogę polecić darmowy program Obraz FastStone Viewer, który możesz pobrać.
Jest to mały i całkiem przyjemny program, który oprócz oglądania duża ilość formaty graficzne umożliwiają także edycję obrazów i dodawanie do nich różnych efektów. Pliki GIF w tym programie oczywiście wyświetlają się poprawnie. Program można także łatwo dostosować, dzięki czemu oglądanie zdjęć stanie się jeszcze przyjemniejsze. Spróbuj!
Cóż, jeśli podoba Ci się program, to jeśli chcesz, zawsze możesz upewnić się, że wszystkie obrazy (wszystkie główne formaty) są otwierane tylko za pomocą tego programu. Już o tym mówiłem.
