FaceMocion jQuery - Facebook Emoticons

install FaceMocion

Quick start

1.- Include the files

    <!-- Bootstrap and JQuery -->
    <link rel="stylesheet" href="bootstrap.min.css"> <!-- Optional -->
    <script src="jquery.min.js"> </script>
        
    <!-- Plugin --> 
    <link href="faceMocion.css" rel="stylesheet" type="text/css" />
    <script src="faceMocion.js"></script> 

2.- Create HTML Element (inputs type:hidden)

	<input type="hidden" value="amo" class="facemocion"/>
    <input type="hidden" value="asombro" class="facemocion"/>
             

3.- Call the the plugin on a container as your wish

$(".facemocion").faceMocion();
               

4.- All done!

Options

you can custom by passing options when call the plugin, all available options are listed below. call the the plugin on a container wish you wish

        $('#example4').faceMocion({
                    option: value
       });
                 
               

Demo (Options)

         {emociones:[
         {"emocion":"amo","TextoEmocion":"I love"},
         {"emocion":"molesto","TextoEmocion":"It bothers me"},
         {"emocion":"asusta","TextoEmocion":"it scares"},
         {"emocion":"divierte","TextoEmocion":"I enjoy"},
         {"emocion":"gusta","TextoEmocion":"I like"},
         {"emocion":"triste","TextoEmocion":"It saddens"},
         {"emocion":"asombro","TextoEmocion":"It amazes me"},
         {"emocion":"alegre","TextoEmocion":"I am glad"}
         ]}