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$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

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

Flat Preloaders
Flat Preloaders
Ajax окна как на Kanavas
Ajax окна как на Kanavas
Расширение контента при прокрутке
Расширение контента при прокрутке
2000 Flat иконок
2000 Flat иконок
Своя страница технических работ
Своя страница технических работ
Добавление ссылки на источник при копировании текста
Добавление ссылки на источник при к