Авто уменьшение изображения на форуме для ucoz - Форум
Приветствую Вас,
Гость
|
RSS
|
Воскресенье, 19.05.2024
Регистрация
Вход
Товары без посредников и переплат
Главная страница
Хитрости "AliExpress"
Зашита покупателя
Видео обзоры
Информация о сайте
Обратная связь
Объявления
Форум
[
Новые сообщения
·
Участники
·
Правила форума
·
Поиск
·
RSS
]
Страница
1
из
1
1
Форум
»
Функциональность сайта
»
Для Web-мастеров
»
Авто уменьшение изображения на форуме для ucoz
Авто уменьшение изображения на форуме для ucoz
Admin
Дата: Пятница, 18.03.2016, 12:14 | Сообщение #
1
Создатель
Группа: Администраторы
Сообщений:
35
Награды:
1
Репутация:
1
Статус:
Offline
Скрипт автоматически уменьшает изображения в сообщениях на форуме. При клике по уменьшенным изображениям, будет открываться их полный размер.
Установка
:
В
Виде материалов форума
замените
$MESSAGE$
на:
Код
<div id="apofmes">
$MESSAGE$
</div>
В
Общий вид страниц форума
после head:
<style>
#apofmes img {
max-width:320px;
max-height:2400px;
}
.apofn {
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:300;
background:rgba(0, 0, 0, 0.8);
display:none;
}
.apofn img {
width:800px;
height:600px;
position:fixed;
z-index:301;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-400px;
}
</style>
<script>
// ApoTeam © 2012
$(document).ready(function() {
$('#apofmes a[title*="Нажмите"]').click(function() {
$('.apofn img').attr('src', $(this).attr('href'));
$('.apofn').show();
return false;
});
$('#apofmes img').click(function() {
$('.apofn img').attr('src', $(this).attr('src'));
$('.apofn').show();
});
$('.apofn').click(function() {
$(this).hide();
});
});
</script>
<div class="apofn"><img src="" /></div>
carmakova
Дата: Пятница, 07.04.2017, 10:16 | Сообщение #
2
Рядовой
Группа: Пользователи
Сообщений:
3
Награды:
0
Репутация:
0
Статус:
Offline
...
Форум
»
Функциональность сайта
»
Для Web-мастеров
»
Авто уменьшение изображения на форуме для ucoz
Страница
1
из
1
1
Главная страница форума
Функциональность сайта
Для пользователей
Для Web-мастеров
AliExpress
Куплю/Продам
Фильмы и музыкая
Юмор и развлечения
Интересные статьи
Парилка для мужчин
Парилка для женщин
Политика/Экономика
О сексе в слух
В здоровом теле - здоровый дух!
Разное
Корзина
Поиск:
More info
Полезные ссылки!
Зарабатывай на просмотре рекламы!
Сервис для рекламодателей!
Экономь на покупках от 7% до 15% "CashBack Aliexpress"
Партёрка для Web-мастеров от 8.5% до 10% с каждой сделки
Смотрите также:
Смотрите также:
Смотрите также: