Узрел на практике на сколько долго подгружается страница с тучей смайлов (не менее десятков секунд)
Модификация скрипта от Romych:
"Дополнительный набор смайлов в одном окне со стандартными " (исходник)
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов
В HTML низ
<!--дополнительные смайлы © Romych-->
<style type="text/css">
/* вкладки доп смайлов */
<style type="text/css">
#smilies-area #wrapper {width: 600px;}
/* вкладки доп смайлов */
#smilies-area ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
#smilies-area ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
#smilies-area ul.tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
#smilies-area ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
#smilies-area ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
#smilies-area ul.tabs li.tab-current a:hover {color: #6A5ACD;}
#smilies-area div.t2,div.t3 {display: none;width: 450px;}
</style>
<!--дополнительные смайлы © Romych--><script language="javascript">
$(document).ready(function() {
if($('#smilies-block').length==0) return false;
$('#smilies-block').addClass('t1');
function abc(){/*==123==;
<div id="wrapper">
<ul class="tabs tabs1"><li class="t1 tab-current"><a>Первый набор</a></li><li class="t2"><a>Второй набор</a></li><li class="t3"><a>Третий набор</a></li></ul>
<div class="t2"><p></p></div><div class="t3"><p><br></p></div>
</div> ==123==;*/} abc = abc.toString().split('==123==;')[1];
$(abc).prependTo('#smilies-area');
function abc1(){
//Второй Блок Смайлов;
/*==123==;
http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif
http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif
http://i054.radikal.ru/1005/f6/13dcca4f279d.gif
http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif
http://i072.radikal.ru/1005/6f/c90a718466a8.gif
http://i077.radikal.ru/1005/1d/a629f081ef7f.gif
http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif
http://i053.radikal.ru/1005/21/123a52ee0534.gif
http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif
http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif
http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif
http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif
http://i061.radikal.ru/1005/ba/3b89a947cb01.gif
http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif
http://i035.radikal.ru/1005/91/ed0ded51be72.gif
http://i073.radikal.ru/1005/fa/96e053ab7c23.gif
http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif
http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif
http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif
http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif
http://i072.radikal.ru/1005/1f/61fabf24866d.gif
http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif
http://i066.radikal.ru/1005/89/131741843d79.gif
==123==;*/} abc1 = abc1.toString().split('==123==;')[1];
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var tgEnd = '" onclick="smile('+bb+')" />';
function abc2(){
//Третий Блок Смайлов;
/*==123==;
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/02.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/03.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/04.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/05.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/06.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/07.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/11.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/12.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/13.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/49.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/46.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/43.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/41.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/38.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/39.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/37.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/34.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/33.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/31.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/28.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/26.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/25.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/23.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/20.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/19.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/17.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/16.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/15.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/50.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bandit.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bug.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/fubar.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/rock.gif
==123==;*/} abc2 = abc2.toString().split('==123==;')[1];
$('#button-smile').one('click',function(){
abc1=abc1.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
abc2=abc2.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
$(abc1).prependTo('#smilies-area div.t2');
$(abc2).prependTo('#smilies-area div.t3');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
return false;
}); });
</script>
Красные ссылки меняем на свои, если нужно
Модификация скрипта "Кнопка дополнительных смайлов в форме ответа"
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов
3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;
В HTML в форме ответа
<script type="text/javascript">
(function (){
var fun = 'showhide'+(+new Date()%40000);
var b='<style>.custom-smilies img {cursor:pointer !important}</style>'
+'<div class="custom-smilies"><input type="Button" value="Дополнительные смайлы" onclick="return '+fun;
document.write(b+'(this)"><p style="display:none"></p></div>');
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = '" onclick="smile('+bb+')" />';
function ass(){/*==123==;
http://funportal.info/smiles/smile66.gif
http://s7.rimg.info/00d3b01c3604095f552bf20667af2e58.gif
http://s5.rimg.info/a871d0a789e1de16896c111b159d5d5d.gif
http://funportal.info/smiles/smile146.gif
http://s8.rimg.info/42e1a8deb81188c73bd6e2a4e74d32eb.gif
http://s9.rimg.info/a24fe349ad000250c34d1c3bff09b9a6.gif
http://s8.rimg.info/d2d9c61661288a3606417bb24dcc265b.gif
http://s9.rimg.info/ca92124f75f67cd09ab3ed9d4df29dfe.gif
http://s9.rimg.info/45d296af09b36683bdb03b306506e82e.gif
http://s.rimg.info/f904c4b040270ea61019c644838fb9cc.gif
http://s.rimg.info/76609ad7ca2d11817fa97bc5231b0965.gif
http://s9.rimg.info/1c0b68c3dc26c5517105ead2e26a88ff.gif
http://doodoo.ru/smiles/wo/s16.gif
http://doodoo.ru/smiles/wo/s17.gif
http://doodoo.ru/smiles/wo/s24.gif
http://doodoo.ru/smiles/wo/bubu.gif
http://doodoo.ru/smiles/wo/encore.gif
http://doodoo.ru/smiles/wo/expect.gif
http://doodoo.ru/smiles/wo/prayer.gif
http://s6.rimg.info/fc5cd1f26e4f0855d931370fb2175498.gif
http://s8.rimg.info/626081c25f2ca2eccd732d13f70dcf53.gif
http://doodoo.ru/smiles/wo/s01.gif
http://doodoo.ru/smiles/wo/s22.gif
http://doodoo.ru/smiles/wo/s34.gif
http://doodoo.ru/smiles/wo/cook.gif
http://doodoo.ru/smiles/wo/crash.gif
http://doodoo.ru/smiles/wo/declare.gif
http://doodoo.ru/smiles/wo/locomotive.gif
http://doodoo.ru/smiles/wo/woodpecker.gif
http://doodoo.ru/smiles/smush/s005.gif
http://s4.rimg.info/f616d7008cdba4fc7549ddca6959759d.gif
http://s3.rimg.info/60e5b04866d90e6324fc14d0ab03e193.gif
http://s9.rimg.info/1503450350a79dce71a4e176762aff3f.gif
http://img218.imageshack.us/img218/7699/sarcasticaa9.gif
http://i019.radikal.ru/0802/f3/d401bcb531b6.gif
http://s13.rimg.info/4301ffbd890f487874971b8024495e92.gif
==123==;*/
} ass = ass.toString().split('==123==;')[1];
ass=ass.replace(/^(http?s?:.*?)$/gim,'<img src="$1"'+c);
var load = false;
window[fun] = function (b){
p = b.parentNode.getElementsByTagName("p")[0]
if(!load){load = true;$(ass).appendTo(p);}
if(b.value=="Дополнительные смайлы"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Дополнительные смайлы"
p.style.display="none"}
return false}}());
</script>
Красные ссылки меняем на свои, если нужно
Отредактировано Deff (Вс, 3 Ноя 2019 02:28:49)