Главная » Файлы » Скрипты для uCoz » Скрипты by Apocalypse |
Автоуменьшение изображений на форуме + увеличение этих изображений по клику by Apocalypse для uCoz
24.06.14, 10:07:09 | |
Данный скрипт - ответ ЭТОМУ скрипту. Меня просили написать более короткий вариант, но, так как более короткий вариант умещался в одну стилизацию в css, я решил прикрутить ещё и увеличение этих изображений по клику: Временное ДЕМО Установка: В Виде материалов форума замените $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 (c) 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> Скрипт разрабатывался на чистом форуме без модификаций и, если у вас стоит нестандартный форум - не ручаюсь за правильную данного кода. Также желательно активировать jQuery 1.6.1 Материал разработан и подготовлен Apocalypse | |
Просмотров: 426 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |