Приветствую Вас, Гость! Регистрация RSS

Ulink

Воскресенье, 28.04.2024
Главная » Файлы » Модули » Фотоальбом

Быстрое изменение аватара из фотоальбома
16.10.2012, 17:20
Начнем с того, что данный скрипт редактирует аватар не заходя на страницу ред. данных, как вы наверное уже заметили на скриншоте редактирование происходит в uWnd окошке, есть поддержка кода безопасности. Внедрена функция «Подгрузки материалов», по нажатию на эту кнопку, как вы уже поняли — происходит подгрузка последующих фотографий. По нажатию на фотографию — она выделяется, что бы было видно, какую выбрали.

1. В конец вашего CSS, вставляем:
Код:
Code
#u_con{background:#fff; padding:5px; border:1px solid #bbb;}  
  img.style_img {border:1px solid #d0d0d0; padding:3px; background:#f3f3f3; display:inline-block; margin:5px 5px;}  
  img.style_img:hover {border-color:#4f637e; background:#6b90b5; cursor:pointer;}  
  img.style_img_act {border-color:#4f637e; background:#6b90b5; cursor:pointer;}


2. В форму редактирования данных, в любое место (Не на страницу ред. данных, а в форму!):
Код:
Code
<div style="display:none;" id="errAva">$ERROR$</div>


3. На персональную страницу, туда где хотите видеть ссылку:
Код:
Code
<a href="javascript:edit.ava();">Change avatar</a>  
  <script type="text/javascript" src="http://usite.su/js/edit.ava.photo.js"></script>


4. Фотоальбомы » Страница рейтинга и поиска фотографий, находим там $BODY$ и заменяем на:
Код:
Code
<div id="forIF">$BODY$</div><div style="display:none;" id="forSEL">$PAGE_SELECTOR$</div>


4.2 Фотоальбомы » Вид материалов, в конец вставляем:
Код:

Не забывайте поставить данную настройку

Категория: Фотоальбом | Добавил: Admin | Теги: фотоальбом, из, Изменение, Быстрое, аватара, фотоальбома
Просмотров: 880 | Загрузок: 0 | Комментарии: 1
Всего комментариев: 1
+1  
1 S_U   (11.01.2013 16:58) [Материал]
Да хороший скрипт полезный

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]