Facebook Like GIF Preview Using jQuery

Wednesday 2 March 2016 | Posted by
GIF images consists of many frames, so size of GIF image is more as compared to normal image. Its not recommended to load GIF images first and its better to maintain one normal preview image for every GIF image. You can use first frame of GIF image as preview image. Click here to see my on-line tool for generating first frame of GIF image

How Facebook Handles GIF images

Facebook is not loading GIF images directly. Its converting user uploaded GIF images into simple video format. Find below inspected source code
Here We are not following facebook way of dealing GIF images. We are just loading GIF images
on user's interest

jqGifPreview

I have created this plugin, you can find it on github. Lets see how to use this plugin

Add jQuery

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

Add CSS and JS of jqGifPreview

<link rel="stylesheet" href="jqGifPreview/jqGifPreview.css" />
<script src="jqGifPreview/jqGifPreview.js"></script>

HTML markup

data-gif : gif image path
src : gif preview image path
<img class="myImg" src="sample_first_frame.png" data-gif="sample_giphy.gif" />

JS Code

$(function() {
    $(".myImg").jqGifPreview();
});
Labels:

33 comments:

  1. Unknown6 January 2018 at 03:54

    I must admit that your post is really interesting. I have spent a lot of my spare time reading your content. Thank you a lot! facebook video downloader

    ReplyDelete
  2. Unknown2 March 2018 at 03:05

    You ought to work at receiving enjoys for the fast, free facebook experiences as well as the articles while the mere taste of this facebook webpage doesn't guarantee that most your items will reach all those who enjoyed your webpage

    ReplyDelete
  3. Anonymous19 October 2018 at 01:17

    Facebook like gir preview using jquery is the developed idea which is presented in this blog. This is a good blog and ideal as well for the https://www.topdissertations.org/academized-service-review work. I am sure about the quality of this blog.

    ReplyDelete
  4. olive9 April 2019 at 02:49

    your article is very good and very helpful. every one can use and know that how Creating Custom Animations for Use in Tableau. if you want to gif covert to image than check it you can easily understand that how to Use GIF Converter to Get Images for Marketing

    ReplyDelete
  5. dq26 June 2019 at 21:40

    I really like this blog article is very inspired, I thank you for this information. hopefully continue to be the best greetings pkv games

    ReplyDelete
  6. dsa26 June 2019 at 21:40

    This article really joss good insight and can be trusted by id pro pkv games :)

    ReplyDelete
  7. Unknown26 June 2019 at 21:41

    thanks for the information you provided situs pkv games is very helpful for me

    ReplyDelete
  8. ID PRO30 June 2019 at 09:54

    Thank you for providing useful content for me. this really helped me and increased my knowledge ID PRO PKV GAMES

    ReplyDelete
  9. Dewa PKV Games29 August 2019 at 21:30

    Daftar Situs PKV Games Online Terpercaya Di Indonesia


    Dewa PKV Games
    Situs PKV Games
    PKV Games
    Daftar PKV Games
    Login PKV Games
    Download PKV Games

    ReplyDelete
  10. Unknown21 December 2019 at 01:39

    Good Job Thanks For Your support,,Good article


    Poker Online

    Judi Poker

    Judi Poker Online

    QQOnline2019

    bandar domino99
    poker online terpercaya
    daftar domino
    Berita Terhot

    Raja ID PRO

    ReplyDelete
  11. Unknown2 February 2020 at 21:18

    POKERMAS99: LINK ALTERNATIF SITUS JUDI ONLINE TERPERCAYA DAN TERPOPULER DI SELURUH INDONESIA

    pokermas99

    ReplyDelete
  12. Sight9 February 2020 at 05:54

    n my opinion, this is too unreliable. You know, I am a very careful person. Before ordering an essay I usually read free fire blog to get more info.

    ReplyDelete
  13. RuthStefanie10@gmail.com10 February 2020 at 01:53

    Spesial Promo Khusus Member Setia Di Situs CrownQQ
    Yuk Buruan Daftar Dan Mainkan 9 Game Berkualitas Hanya Di Situs CrownQQ
    Agen BandarQ Terbesar Dan Terpercaya Di indonesia
    Rasakan Sensasi serunya bermain di CrownQQ, Agen BandarQ Yang 100% Gampang Menang
    Games Yang di Hadirkan CrownQQ :
    * Poker Online
    * BandarQ
    * Domino99
    * Bandar Sakong
    * Sakong
    * Bandar66
    * AduQ
    * Sakong
    * Perang Baccarat (New Game)

    Promo Yang Hadir Di CrownQQ Saat ini Adalah :
    => Bonus Refferal 20%
    => Bonus Turn Over 0,5%
    => Minimal Depo 20.000
    => Minimal WD 20.000
    => 100% Member Asli
    => Pelayanan DP & WD 24 jam
    => Livechat Kami 24 Jam Online
    => Bisa Dimainkan Di Hp Android
    => Di Layani Dengan 5 Bank Terbaik

    << Contact_us >>
    WHATSAPP : +855882357563
    LINE : CS CROWNQQ
    TELEGRAM : +855882357563


    Link Resmi CrownQQ:
    RATUAJAIB.COM
    RATUAJAIB.NET
    RATUAJAIB.INFO

    CrownQQ | Agen BandarQ | Agen DominoQQ | BandarQ | Domino99 Online Terbesar

    ReplyDelete
  14. marsyaoktavia02@gmail.com25 April 2020 at 22:17

    Spesial Promo Khusus Member Setia Di Situs CrownQQ
    Yuk Buruan Daftar Dan Mainkan 9 Game Berkualitas Hanya Di Situs CrownQQ
    Agen BandarQ Terbesar Dan Terpercaya Di indonesia
    Rasakan Sensasi serunya bermain di CrownQQ, Agen BandarQ Yang 100% Gampang Menang
    Games Yang di Hadirkan CrownQQ :
    * Poker Online
    * BandarQ
    * Domino99
    * Bandar Sakong
    * Sakong
    * Bandar66
    * AduQ
    * Sakong
    * Perang Baccarat (New Game)

    Promo Yang Hadir Di CrownQQ Saat ini Adalah :
    => Bonus Refferal 20%
    => Bonus Turn Over 0,5%
    => Minimal Depo 20.000
    => Minimal WD 20.000
    => 100% Member Asli
    => Pelayanan DP & WD 24 jam
    => Livechat Kami 24 Jam Online
    => Bisa Dimainkan Di Hp Android
    => Di Layani Dengan 5 Bank Terbaik

    << Contact_us >>
    WHATSAPP : +6287771354805
    WHATSAPP2: +855889110473
    LINE : CS_CrownQQ
    TELEGRAM : +855882357563


    Link Resmi CrownQQ:
    RATUAJAIB.COM
    RATUAJAIB.NET

    DEPOSIT VIA PULSA TELKOMSEL | XL 24 JAM NONSTOP

    CROWNQQ | AGEN BANDARQ | ADUQ ONLINE | DOMINOQQ TERBAIK | DOMINO99 ONLINE TERBESAR

    ReplyDelete
  15. Yuli Tan18 May 2020 at 12:30

    Judi Online24Jam
    Situs PKV Games
    Poker Online

    ReplyDelete
  16. Unknown20 May 2020 at 21:11

    Daftar Situs Judi QQ Online Terbaru 2020 yang menggunakan server terbaik yang pernah ada di Asia.

    Situs Judi QQ Online
    Judi QQ Online
    Situs Judi Online
    QQ Online
    Situs Judi QQ
    Judi QQ

    ReplyDelete
  17. Field engineer21 July 2020 at 01:58

    hi

    ReplyDelete
  18. ID PRO PKV RESMI25 August 2020 at 14:22

    your website is the best
    your article very good

    Kumpulan Games Server Pkv Games Terbaik dari server yang ada:
    https://cafepkvgames.com

    Thank you very much :)

    ReplyDelete
  19. SEO MAHIR29 September 2020 at 03:21

    Pkv Deposit Pulsa
    Pkv Deposit Pulsa
    Agen Pokerv
    Situs Pkv Games Terpercaya
    MiyaQQ
    Situs Pkv Terbaik

    ReplyDelete
  20. kartudomino29 October 2020 at 20:58

    This comment has been removed by the author.

    ReplyDelete
  21. kartudomino29 October 2020 at 21:29

    This comment has been removed by the author.

    ReplyDelete
  22. kartudomino29 October 2020 at 21:30

    This comment has been removed by the author.

    ReplyDelete
  23. kartudomino29 October 2020 at 21:34

    kami dari agen situs judi domino online memberikan rekomendasi permainan dari server pkv games yang bisa kalian mainkan dengan deposit sangat terjangkau dan bisa juga dengan deposit via pulsa ataupun depo via virtual akun

    ReplyDelete
  24. slot30 April 2021 at 04:01

    Judi QQ Slot
    Judi Mpo
    semua situs slot mpo
    situs judi mpo

    ReplyDelete
  25. daftarsitusmpo25 July 2021 at 23:00

    60acd8a1b72a5.site123.me/promo-situs-judi-mpo-games-terbaik-2021/gabung-sekarang-dengan-kapten-mpo-games-live-casino-online-deposit-minimal-5000-bonus-50
    60acd8a1b72a5.site123.me/promo-situs-judi-mpo-games-terbaik-2021/kapten-mpo-games-live-casino-online-deposit-tanpa-potongan-dana
    60acd8a1b72a5.site123.me/promo-situs-judi-mpo-games-terbaik-2021/situs-casino-kaptenmpo-games-online-bet-termurah-2021
    60acd8a1b72a5.site123.me/promo-situs-judi-mpo-games-terbaik-2021/daftar-tanpa-rekening-kaptenmpo-games-judi-slot-online-terpercaya
    postheaven.net/kaptenmpo-depositpulsa/judi-slot-deposit-pulsa-kaptenmpo
    www.reddit.com/user/kaptenmpogames/comments/nm7t0q/judi_slot_deposit_pulsa_kaptenmpo
    dpkofcorg00.web708.discountasp.net/home/UserProfile/tabid/43/userId/2876/Default.aspx
    sites.google.com/view/gamecasino-online
    mesoraware.com/UserProfile/tabid/138/userId/1024405/Default
    wiznotes.com/UserProfile/tabid/84/userId/1024424
    daftarslotmpodepositpulsa.blogspot.com
    daftarcasinoslot.simplesite.com
    https://kaptenmpogames.mystrikingly.com
    https://60acd8a1b72a5.site123.me
    https://kaptenmpo-depositpulsa.simdif.com
    https://kaptenmpogames.wixsite.com/judislotdepositpulsa/
    https://daftar-kapten-mpo.company.site
    https://daftar-mpogaming.weebly.com
    https://daftar-mpo-games-deposit-pulsa-kaptenmpo.yolasite.com
    http://daftar-mpo-gaming.website2.me
    https://mpo-games1.odoo.com
    https://sites.google.com/view/gamecasino-online/home
    https://sites.google.com/view/daftar-casino-slot/
    https://linktr.ee/kapten_mpo
    <a href="https:/…

    ReplyDelete
  26. Mark Watson20 December 2021 at 20:32

    Linksys router is one of the used routers but several issues while using it. The most common issue that you encounter while using a router is Linksys router not connecting to internet. There are four factors that majorly contribute to the issue. These reasons are low signal quality received from the wireless router, maximum transmission unit size, outdated router firmware, and frequency interference from other wireless devices.

    ReplyDelete
  27. Ravi Jain10 January 2022 at 09:54

    When you are dealing with the Linksys Router Problems . Here are the guide to fix the problems. In case, if you are dealing with the linksys router problems. you need to visit us for more help.

    ReplyDelete
  28. mark1 April 2022 at 01:26

    Find Out More

    ReplyDelete
  29. Sophia Grace29 April 2022 at 03:17

    The global Sterilisation Services Market is projected to reach USD 5.6 billion by 2026 from an estimated USD 4.2 billion in 2021, at a CAGR of 6.1% during the forecast period. End users like hospitals and medical device companies are increasingly adopting sterilization services throughout their production lines due to mandates introduced by governments and regulatory bodies in the healthcare industry to maintain compliance with Good Manufacturing Practices (GMP). The introduction of mandates by government and regulatory bodies in the healthcare industry is the primary reason for the market witnessing significant growth. Based on region, North America held the largest market share, due to the increase in adoption of sterilization products along with contract sterilization services, rise in need for sterilization services to minimize the prevalence of HAIs and increase the geriatric population. However, Asia-Pacific is expected to offer lucrative opportunities and is predicted to exhibit the highest CAGR of 5.8% during 2021-2030.






    Here if you like to see more of reports : Asia Pacific Vaccine Market, Micro Inverter Market, Albumin Market, Middle East and Africa Cybersecurity Market,Paste Market, Vegetable Concentrates Market, Learning Management System Market, States Flooring Market, Sports and Energy Drinks Market, Brazil Healthcare, Sterilisation Services Market, Media Monitoring Tools Market

    ReplyDelete
  30. Jessie18 August 2022 at 19:49

    Thank you for the information that you shared. Very helpful!
    Here's something helpful if you need https://metalroofinghoustonultd.com/standing-seam

    ReplyDelete
  31. anee25 August 2022 at 04:38

    Atlantic System is the top point-of-sale system for liquor stores. Atlanticsystem is the most often used POS software for liquor stores.

    ReplyDelete
  32. torrentpc5 September 2022 at 08:44

    I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. I hope to have many more entries or so from you.
    Very interesting blog.
    VMware Workstation Pro Crack
    HMA Pro VPN Crack
    FIFA Crack
    Lantern Pro Crack
    LetaSoft Sound Booster Crack
    Nicepage Crack
    Movavi Video Editor Plus Crack
    Football Manager Crack
    HitPaw Watermark Remover Crack
    TapinRadio Crack

    ReplyDelete
  33. thomsan10 October 2022 at 06:19

    Atlantic Systems Inc. has the best point of sale system.This liquor liquor pos system is designed to be easy to use and efficient and it comes with many features that are perfect for small businesses.

    ReplyDelete

Subscribe to: Post Comments (Atom)

Blogroll

Popular Posts