JQuery + identicon.js 예제

1 개요[ | ]

jQuery + identicon.js 예제

<style>
.identicon { display: none; }
</style>

<img class="identicon" data-user="1" />
<img class="identicon" data-user="2" />
<img class="identicon" data-user="3" />

<img class="identicon" data-user="Alice" />
<img class="identicon" data-user="Bob" />
<img class="identicon" data-user="Carol" />

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//cdn.rawgit.com/placemarker/jQuery-MD5/master/jquery.md5.js"></script>
<script src="//rawgit.com/stewartlord/identicon.js/master/pnglib.js"></script>
<script src="//rawgit.com/stewartlord/identicon.js/master/identicon.js"></script>
<script>
$(".identicon").each(function() {
  $(this).prop('src','data:image/png;base64,'+new Identicon($.md5($(this).data("user")),50)).show();
});
</script>

2 같이 보기[ | ]