Выбор аватара при ред.данных


Выбор аватара при ред.данных для ucoz. Когда пользователь редактирует данные там есть такая ссылка "[Выбрать аватар]" , там открывается новое окно большое количество аватаров, человек тратит время на загрузку новой страницы и т.д. Для изменение стандартных аватаров вам нужно было лезть в ПУ что-то там менять, загружать аватары под обязательным названием и т.д Теперь это все в прошлом.. С помощью скрипта "Выбор аватара при регистрации, ред.данных в uWnd" вы сможете добавлять собственные аватары за считанные секунды, просто изменив ссылку на нужный аватар. Пользователю не придется ждать загрузки аватара все в uWnd окне, а так же красивый вид построения аватаров, который тоже меняется. Выбор аватара производится всего 1 кликом.

Установка:

Ставим данный код в самый низ
В Страницу редактирования данных пользователя, Формы редактирования данных.

Code
<style>
  .avas img {padding:3px;margin:1px;background:#fff;border:1px solid #999;width:60px;height:60px;}
  </style>
  <div style="display:none" id="text_ava">
  <span class="avas"><table id="ppc"><tr><td><fieldset ><legend>Фентези</legend><img src="http://s58.ucoz.net/a/01/0023.jpg" ><img src="http://s58.ucoz.net/a/01/0059.jpg" ><img src="http://s58.ucoz.net/a/01/0183.jpg" ><img src="http://s58.ucoz.net/a/01/0160.jpg" ><br><img src="http://s58.ucoz.net/a/01/0162.jpg" ><img src="http://s58.ucoz.net/a/01/0026.jpg" ><img src="http://s58.ucoz.net/a/01/0116.jpg" ><img src="http://s58.ucoz.net/a/01/0551.jpg" ></fieldset></td><td><fieldset><legend>Мужчины</legend><img src="http://s58.ucoz.net/a/02/1280.jpg" ><img src="http://s58.ucoz.net/a/02/1266.jpg" ><img src="http://s58.ucoz.net/a/02/1265.jpg" ><img src="http://s58.ucoz.net/a/02/1278.jpg" ><br><img src="http://s58.ucoz.net/a/02/1274.jpg" ><img src="http://s58.ucoz.net/a/02/1267.jpg" ><img src="http://s58.ucoz.net/a/02/1268.jpg" ><img src="http://s58.ucoz.net/a/02/1254.jpg" ></fieldset></td></tr><tr><td><fieldset><legend>Женщины</legend><img src="http://s58.ucoz.net/a/03/1312.jpg" ><img src="http://s58.ucoz.net/a/03/1341.jpg" ><img src="http://s58.ucoz.net/a/03/1360.jpg" ><img src="http://s58.ucoz.net/a/03/1345.jpg" ><br><img src="http://s58.ucoz.net/a/03/1344.jpg" ><img src="http://s58.ucoz.net/a/03/1319.jpg" ><img src="http://s58.ucoz.net/a/03/1420.jpg" ><img src="http://s58.ucoz.net/a/03/1354.jpg" ></fieldset></td><td><fieldset><legend>Игры</legend><img src="http://s58.ucoz.net/a/05/0774.jpg" ><img src="http://s58.ucoz.net/a/05/0919.jpg" ><img src="http://s58.ucoz.net/a/05/0832.jpg" ><img src="http://s58.ucoz.net/a/05/0784.jpg" ><br><img src="http://s58.ucoz.net/a/05/0839.jpg" ><img src="http://s58.ucoz.net/a/05/0917.jpg" ><img src="http://s58.ucoz.net/a/05/0783.jpg" ><img src="http://s58.ucoz.net/a/05/0934.jpg" ></fieldset></td></tr></table></span>
  </div>
  <script type="text/javascript">
  $('#siM38 a:first').removeAttr('onclick');
   
  $('#siM38 a:first').click(function (){
  new _uWnd("ava_uwnd","Выберете аватар",640,100,{modal:1},$('#text_ava').html());
  $('#ppc img').click(function(){
  var srcAva = $(this).attr('src');
  $('#siF12').val(srcAva);
  _uWnd.close('ava_uwnd');
  _uWnd.alert("Ссылка на аватар успешно вставлена.","Успех",{w:100,h:20,t: 5000});
  });
   
  });
   
   
  </script>

  • FalleN

  • 586

  • 1

  • 0
Теги:

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!