Автоматически генерируемый аватар пользователя? С сервисом Gravatar это возможно! Пользователю нет необходимости регистрироваться на сайте и устанавливать аватар, этот сервис позволяет подгружать аватар по указанному email.
Как именно это работает?
Пользователь сперва регистрируется на сервисе Gravatar и загружает свой аватар в профиль. Далее на всех сайтах, где встроен Gravatar, будет отображаться аватар пользователя, если он оставит комментарий и при этом укажет свой e-mail. Если он изменит аватар в профиле Gravatar, он изменится и на всех сайтах, где были оставлены комментарии.
Установка
Сперва нужно подключить библиотеку md5 для jQuery и функцию вызова комментария. Для этого скачайте в конце этого материала файл и загрузите его в папку js
, а затем разместите следующий код после тега <body>
на странице материала и комментариев к нему в нужных модулях:
Код
<script src="/js/jquery.md5.js"></script> <script> function userpic(email,id,name) { $('.'+id +' > .userpic').html('<img alt="'+name+'"' +'src="http://www.gravatar.com/avatar/'+$.md5(email)+'?d=wavatar&s=50&r=g" >'); } </script>
Далее в шаблоне вида комментариев в том месте, где хотите вывести аватар, разместите этот код:
Код
<div class="u-ava ent$ID$"> <div class="userpic"><script>userpic('$EMAIL$','ent$ID$','$NAME$');</script> </div>
Здесь $EMAIL$ — это email пользователя, который добавил комментарий.
ent$ID$ — уникальный идентификатор комментария, по которому определяется принадлежность аватара к конкретному комментарию.
$NAME$ — имя автора комментария, используется для вывода всплывающей подсказки при наведении на аватар.