).
Вчера обновлял свой шаблон до актуальной версии и заметил, что разработчики внедрили в шаблон java-скрипт по уменьшению картинок, но у меня уже стоит Reimg Image Resizer, который, как я понимаю, выполняет такую же функцию. У меня вот такой вопрос, каким образом данный скрип выполняет уменьшение (создает превью или режит картинку) и какие(откуда) он размеры берёт, так как я не понимаю, вот сам скрипт:
Код: Выделить всё
// resize big images
function imageClicked(event)
{
var $this = $(this);
if ($this.hasClass('zoomed-in'))
{
$this.removeClass('zoomed-in').css('max-width', $(this).attr('data-max-width') + 'px');
}
else
{
$this.addClass('zoomed-in').css('max-width', '');
}
}
function zoomClicked(event)
{
imageClicked.apply($(this).prev().get(0), arguments);
event.stopPropagation();
}
function resizeImage(width)
{
var $this = $(this);
$this.wrap('<span class="zoom-container" />').attr('data-max-width', width).css({
'max-width': width + 'px',
cursor: 'pointer'
}).addClass('zoom').click(imageClicked).after('<span class="zoom-image" />').next().click(zoomClicked);
}
function checkImage()
{
var maxWidth = Math.floor(this.parentNode.clientWidth - 10);
if (this.width > maxWidth)
{
resizeImage.call(this, maxWidth);
}
}
$('.postbody img').each(function() {
var $this = $(this);
if ($this.closest('a').length)
{
return;
}
if (this.complete)
{
checkImage.call(this);
}
else
{
$this.load(checkImage);
}
});
