Автоматическое уменьшение изображения добавленного на форум через тег [img], с открытием оригинала в новом окне, с помощью jQuery.

Скрипт написан навеянный постом Увеличение картинки при клике.

Суть следующая. При указанной в скрипте минимальной ширине изображения уменьшаются до указанного размера и открываются в новом окне при клике.

Скрипт основан на jquery, по этому необходима её библиотека.

Установка. Открываете шаблон overall_footer.html и перед тегом </body> ставите:

Код: Выделить всё

<script type="text/javascript">
$(document).ready(function(){
$(".content img").each(function() {
if( $(this).innerWidth() > 250 ){
$(this).css('width','100px').wrap('<a target="_blank"></a>').parent().attr('href', $(this).attr('src'));
}
});
});
</script>
250 - это минимальная ширина изображений, для которых будет работать скрипт.
100px - ширина до которой будет уменьшаться изображение.
target="_blank" - открытие ссылки на оригинальный размер в новом окне. Если не нужно - удаляете.
Комментарии: 2

DgeneOksana 30 май 2014, 17:18 Сообщение

CabinetAdmin
Огромное вам спасибо. Классный скрипт. Всё получилось. :Rose: :Yahoo!:
  • 0
Ресурс над которым тружусь на данный момент времени - "Компьютерный мир": younetwork.ru

АрианАндрей 15 июн 2014, 13:58 Сообщение

Огромное спасибо! Классная штука!
  • 0

Похожие темы