Найти руководство пользователя
1. Выберите производителя
Нужная информация в Похожих новостях
Всем привет многих не устраивает родная переменная $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;
}
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
© ucodes.ru 2019