Автоподгон картинок по ширине страницы?

amid525 · №1

Привет, подскажите, имеется ли скрипт(стилем или кнопкой наверное врят-ли), который автоматом подгоняет картинки по ширине страницы? :rolleyes:
пример http://otherforum.ru/662913-post2011.html

Отредактировано amid525 (05-08-2015 09:16:24)

turbot · №2

То ли первый, то ли второй из этих скриптов.

amid525 · №3

Спасибо, то что нужно. Первый для текста, второй для фоток. )

Отредактировано amid525 (05-08-2015 09:15:21)

Baron_ · №4

Этот скрипт не всегда отрабатывает с первого раза, иногда приходится обновлять страничку, что довольно неприятно.
Во избежание этого в скрипт нужно добавить строку // @run-at window-load
Ну или заменить содержимое на скрипта на это:

скрытый текст

Выделить код

Код:

// ==UserScript==
// @name          Fit Image!
// @description   Pwnage!
// @include       http://*
// @include       https://*
// @run-at        window-load
// ==/UserScript==


var z = document.getElementsByTagName('img');
for(i=0;i<z.length;i++) {
if(z[i].width >= screen.width*0.65){
    z[i].width = screen.width*0.65;
    }
}

В результате скрипт отрабатывает всегда, по окончании загрузки страницы.

Baron_ · №5

В дополнение к предыдущему. Возможно, кому и пригодится.
Пользовался scriptish, который уже не поддерживается. Перешел на Greasemonkey и внезапно оказалось, что это расширение не поддерживает @run-at window-load . Это значит, что скрипт снова не всегда стал отрабатывать с первого раза и иногда приходится обновлять страничку. Для исправления нужно заменить в скрипте исходный код на это:

скрытый текст

// Fit Image
// ==UserScript==
// @name Fit Image!
// @description Pwnage!
// @include http*
// @exclude https://www.youtube.com/*
// ==/UserScript==
window.onload = function ()
{
var z = document.getElementsByTagName('img');
for (i = 0; i < z.length; i++) {
if (z[i].width >= screen.width * 0.65) {
z[i].width = screen.width * 0.65;
}
}
};

youtube добавлен в исключения, поскольку иначе не идны комментарии под видео.

turbot · №6

Baron_
https://wiki.greasespot.net/Metadata_block#.40run-at

Выделить код

Код:

// @run-at document-idle

Baron_ · №7

Пробовал. Это не работает как нужно.

Отредактировано Baron_ (30-05-2016 22:07:20)

Полезная информация

№104-08-2015 22:54:02