» »

Добавить в ответ стикеры от VK для uCoz

Добавить в ответ стикеры от VK для uCoz

Здесь вы узнаете в материале, как можно добавить Стикеры от Vk на сайт uCoz в форму добавление комментариев, где по клику появятся. Это отличное приложение для тематических интернет ресурсов, так как можно не только смайлы оставлять, но и красивые и эмоциональные стикеры.

Где вы можете сами выставить, столько должно появиться изображений, а это до тысячи, но это безусловно много места займет, так как они по своему размеру появятся, а размер у них 128 пикселей. Само подключение не сложное и работает на JavaScript, который будет добавлять.

Так примерно будет смотреться, если форма установлена оригинальная.

Стикеры поставить в ответ комментариев uCoz

Проверяя на тестовом сайте, то здесь визуально примерно выводит.

Установка стикеров вконтакте на сайт

Приступаем к установке:

1. Добавить div В форму добавления комментария для вывода стикеров:

Код
<div id="Sticker"></div>


2. Тут же В форме добавления комментария добавим кнопку вызова наших стикеров:

Код
<div id="StickerAdd">Показать стикеры</div>


3. Добавить js на страницу комментария или в файл который есть на всех страницах или можно просто в той же форме добавление поставить, что сделал и все выводило и работало и безусловно добавляло.

Код
<script language="javascript">
$('#StickerAdd').click(function() {  
$('#Sticker').html('').show();  
var n=1000;  
var image, b;  
for( array = [], i=0; i<n; i++){  
image = new Image;  
var s = i+2;  
image.src = 'https://vk.com/images/stickers/' + s + '/128.png' ;  
array.push( image ) ;  
$('#Sticker').append(array[i]);  
}; Stick();  
});  
function Stick() {  
$('#Sticker img').click(function() {  
Sticker = $(this).attr('src');  
$('#message').val('[img]'+Sticker+'[/img]');  
$('#Sticker').html('').hide();  
$('input#addcBut').click();  
}); };
</script>

Если смотреть в скрипт, то там автоматически подключено 1000 стикеров, что можете сами установить, сколько нужно.

Предоставлена демонстрация на эту тему.

Источник: Mybeststudio.ru
15.04.2017 Просмотров: 596 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kolinkor
Kolinkor 15.04.2017 02:261
0
А можно как то меньше сделать и клик, хотя хоть просто меньше, а в комментариях они появлялись во весь рост?
tsakonter
tsakonter 15.04.2017 02:342
0
Здесь думаю так будет, просто не чего нет, что можно уменьшить, на стилях еще можно сделать, но только не в этом случай, хотя все возможно.
Kosten
Kosten 15.04.2017 02:383
0
Так они же скрыты все будут, открыл и добавил и потом все можно закрыть. И как понял на тестовом сайте, только можно изображение стикера одно оставить, но описание на таком фоне будет немного не по теме, это не небольшой смайл.
-SAM-
-SAM- 15.04.2017 03:094
+1
Основная заковырка знаете в чём заключается? В том, что смайлы - это не изображения, а стикеры - они самые. Я это к тому, что функционал смайлов делается путём подмены текста, а тут просто публикуется img ... вот и выходит, что нужно стикеры эти делать лишь для групп, которые могут публиковать изображения в комментариях (давать всем группам - вообще смысла не вижу, будут делать внешние ссылки на аналогичные картинки потом, а кто-то вообще может захерячить сниффер вам).
Kosten
Kosten 15.04.2017 18:395
0
Все правильно по этому "тут просто публикуется img" здесь нужно добавить, что автоматически когда поставили, ответ уйдет.
avatar