две аватарки
Код:
<!----------- Слайдер аватарок Leraje ------------->
<script>
$(document).ready(function() {
const block = "<div class='arrLeft'> </div><div class='arrRight'> </div>";
const field = '<span class="fld-name">Дополнительный аватар:</span><br>';
function flipAvatar() {
$('.arrRight, .arrLeft').click(function() {
const newAvatar = $(this).parent().parent().find('.pa-fld2').html().split('<br>')[1];
const oldAvatar = $(this).parent().parent().find('li.pa-avatar img').attr('src');
// меняем местами аватары в допполе и в профиле
$(this).parent().parent().find('li.pa-avatar img').attr('src', newAvatar);
$(this).parent().parent().find('.pa-fld2').html(field + oldAvatar);
});
};
$(".pa-avatar").each(function() {
$(this).wrap("<div class='changeAvatar'></div>");
if ($(this).parent().parent().find('.pa-fld2').html() != null) {
$(this).after(block);
} else {
return;
}
});
flipAvatar();
});
</script>Создаёшь допполе, тут оно имеет .pa-fld2, оно отображается в профиле юзера. Юзер просто ставит туда ссылку на картинку и сохраняет. И всё. Для запоминания надо куки писать, я не уверена, что в этом есть какой-то практический смысл, так как разные устройства всё равно будут иметь разные настройки для отображения. Ну или подтягивать методы api форума, как сделано в чёрном списке
