Image Fallback For Emoji - EmojiFallback

File Size: 119 KB
Views Total: 1269
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Image Fallback For Emoji - EmojiFallback

EmojiFallback is a JavaScript/jQuery plugin to provides an image fallback for legacy OS/browsers that don't support the native emoji.

How to use it:

1. Load the necessary stylesheet in the head section of the html document.

<link rel="stylesheet" href="/css/styles.min.css">

2. Load the EmojiFallback plugin right before the closing body tag.

<!-- As Vanilla JavaScript Plugin -->
<script src="/js/functions.min.js"></script>

<!-- As jQuery Plugin -->
<script src="/js/jquery.min.js"></script>
<script src="/js/functions.jQuery.min.js"></script>

3. Wrap the emoji into the g-emoji tag and specify the fallback image in the fallback-src attribute.

<g-emoji class="g-emoji" alias="Laught" fallback-src="images/1f601.png">

This awesome jQuery plugin is developed by JachymBambuch. For more Advanced Usages, please check the demo page or visit the official website.