Ajax добавление фотографий в фотоальбом
С помощью данного скрипта Ваши пользователи сайта смогут очень легко добавлять фотографии в фотоальбом.
 

Установка

Сначала активируем модуль Фотоальбомы и создадим категорию чтобы id был 1.

Далее переходим на "Страница с полной фотографией и комментариями" и вставляем код:

Код
<?if($PAGE_ID$='entry' && $MODULE_ID$='photo')?> <div class="pad10" style="padding:10px"> <div class="photo_"><?if($PHOTO_URL$)?>$PHOTO_URL$<?else?>$FULL_PHOTO_DIRECT_URL$<?endif?></div> Доступ на эту страницу запрещен <div style="display:none"> <div class="photo_get"> <span style="display: block;padding:10px">Добавлено</span> <table> <tr> <div style="background:#efefef url("<?if($THUMBNAIL_URL$)?>$THUMBNAIL_URL$<?else?>$PHOTO_URL$<?endif?>");width:200px;height:150px;overflow:hidden"></div></td>  </tr> </table> <br><div id="cont" src="<?if($PHOTO_URL$)?>$PHOTO_URL$<?else?>$FULL_PHOTO_DIRECT_URL$<?endif?>"></div> </div> <div class="photo_ph"><img src="<?if($FULL_PHOTO_DIRECT_URL$)?>$FULL_PHOTO_DIRECT_URL$<?else?>$PHOTO_URL$<?endif?>"></div> <div class="photo_pn"><img src="<?if($THUMBNAIL_URL$)?>$THUMBNAIL_URL$<?else?>$PHOTO_URL$<?endif?>"></div> </div> </div> <?endif?>

Теперь где хотим видеть ссылку на вызов ajax окна вставляем код:

Код
<a href="javascript://" onclick="kanPhoto();return false;">Добавить фотографию</a>

И сразу вставляем скрипт:

Код
<script type="text/javascript">     function kanPhoto(){     new _uWnd('kan','Добавление фотографии',600,400,{align:0,shadow:1,modal:1},'<div id="formp"><form id="photo_message"><input id="file_ph" onchange="ph_load()" name="photo1" type="file"></form></div><div class="photo_busted1"><input type="hidden" value="" id="photo_lnk"></div></div><div class="pad10" id="photo_body"></div>');     }     $('#photo_').load(href+'?'+Math.random()+' .photo_');addphotoinput() function ph_load() { $('#photo_send').hide(); $('#photo_body').html('<img src="/img/load.gif">'); $('#photo_body').fadeIn(200); _uPostForm($("#photo_message"), {url: "/photo", type: "post", success: function(a){t = $(a).text(); href = $("<div/>").html($(a).text()).find("a").attr("href"); if(t.indexOf('Добавлены')>-1){$('#photo_body').load(href+'?'+Math.random()+' .photo_get');addphotoinput()} else if(t.indexOf('Недопустимый')>-1){$('#photo_body').text('Неверный формат изображения')}}, data: {a: 14, ocat: 1, jkd428: 1, jkd498: 1, coms_allowed: 1, name1: 'Изображение', org: 1, is_pending: 1}}); }function addphotoinput() {$('#photo_lnk').val($('#cont').attr('src'));setTimeout(function(){addphotoinput()},200) }   </script>

Всего комментариев: (3)

gayumer2017
в 21:45, 28 Дек 18
А как сделать для категории id 2?
VÖYSAX
в 00:53, 08 Июл 16
Не работает :(
Kanavas
в 08:29, 08 Июл 16
Что не так? 0:)
_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Стили и эффекты для кнопки
Стили и эффекты для кнопки
Ajax добавление фотографий в фотоальбом
Ajax добавление фотографий в фотоал
Полоска загрузки сайта для uCoz
Полоска загрузки сайта для uCoz
Возвращаем старую форму входа на uCoz
Возвращаем старую форму входа на uC
Большое и простое меню для сайта с приятной анимацией
Большое и простое меню для сайта с
7 адаптивных и минималистических форм для сайта
7 адаптивных и минималистических фо