Нужная информация в Похожих новостях

Нужная информация в Похожих новостях
Всем привет многих не устраивает родная переменная $RELATED_ENTRIES$ Которая выводит похожие материалы в виде простой ссылки. Мы предлагаем разбавить эту серость добавив в нее изображении этой новости. Или что вам угодно... Конечно есть масса скриптов которая выводит картинку, но в нашем случае главное проста и легкость использования!...

Установка:

1. Добавим нашу переменную
Код
<?$RELATED_ENTRIES$(5)?>


2. Добавим наш скрипт:
Код

<script>
setTimeout(function() {
$('.uRelatedEntry a').each(function(data){
$('.uRelatedEntry a').append('<div class="uReat"></div>');
var data = $(this).attr('href');  
$('.uReat:eq(0)', this).load(''+data+' .entryPos img:eq(0)');
});
}, 1000);
</script>


Разберем скрипт:
Вместо: .entryPos img:eq(0) указать свой атрибут в чем заключена ваша картинка на странице новости. Либо другое что хотите вывести к этой новости!.

3. Добавим CSS
Код
li.uRelatedEntry {background: #f3f3f3;padding:15px 0px 0px 0px;margin: 0px 0px 3px 0px;}
li.uRelatedEntry a {
  width: 100%;font-family: sans-serif;
  display: inline-block;
  font-weight:bolder;
position:relative;top:10px;
}

.uReat img {width:50px;height:50px;border-radius:10%;position:relative;top:-19px;
}
.uReat {
  display: inline-block;
  float: left;
  margin: 0px 20px 0px 0px;
}


P.S не злоупотребляйте частой обнове страницы так скрипт использует привычный нам .get запрос к новости!.
Также вы можете обернуть скрипт в функцию .click Чтоб можно было открывать похожие новости, ну это уже на ваше усмотрение и фантазию!.

При копировании материала указывать источник uCodes.ru
Скачать файлы