Top.Mail.Ru
Ответы
Аватар пользователя
8лет
Изменено
Аватар пользователя
Аватар пользователя
Аватар пользователя
Программирование
+4

Как увеличить изображения на сайте через JavaScript и CSS?

переадресация с прямой ссылкой не подходит, поскольку подразумевает использования двух ссылок на изображение - превью и развернутое





ссылка орининального изображения очень длинная, поэтому достаточно и стиля weight: 160px для установки размера изображения для вписывания в дизайн. как можно сделать так, чтобы использовалась только одна ссылка на изображение, по которой и открывалось новое окно с ним

или хорош код





но плох тем, что изображения слишком большого размера не вписывается в рамки окна браузера, или если разворачивать изображение находящееся справа вплотную к границе окна браузера, тогда разворачивается сразу в правую часть браузера, которая скрыта. а перемещаться можно разве что только стрелками, тк другой клик закрывает окно изображения, а если кликнуть по другому изображению, тогда другое сразу же разворачивается.
было бы идеально, если бы при первом клике разворачивалось изображение вмещаясь в поле разворачивания до максимального размера, если позволяет разворачиваемое поле, или до сжатого, насколько позволяет поле без искажения - растягивания, блокируя другие элементы до клика вне изображения. а другой клик по изображению разворачивало его в новом окне.

или скрипт



само изображение













этот же, плох тем же чем и первый, требует две ссылки на изображение.

Дополнен

этот скрипт

шапка





изображение



плох тем, что по сути растягивает изобажение. в нем нельзя использовать метки сжатия изображения (width,height ) иначе криво отобразиться.

знаю что mail answer блокирует коды, поэтому ответы отправляйте на почту 0nick0.7@gmail.com опубликую отправленные письма опубликую здесь.
или загрузите код в блокнот и в гугл драйв (блокноты в гугл драйв - не весят), а затем скиньте ссылку на гугл драйв с этим блокнотом.

Дополнен

или зашифруйте ваш код с ключом "1" -
104 116 116 112 58 47 47 99 114 121 112 116 45 111 110 108 105 110 101 46 110 97 114 111 100 46 114 117 47 99 114 121 112 116 115 47 97 101 115 47
и киньте зашифрованным виде. если с шифрованием не проканает, то закодируйте в ASCII -
decodeit
ascii
, кодирование точно поможет, тк даже на юутеб так можно что угодно писать и бот не банит автоматом такие сообщения.

Дополнен

или в комменты на гитхабе этого же вопроса
decodeit
ru
ascii

104 116 116 112 115 58 47 47 103 105 116 104 117 98 46 99 111 109 47 104 117 109 97 110 111 116 104 101 114 47 121 116 104 101 100 103 116 47 105 115 115 117 101 115 47 50

Дополнен
Дополнен
Дополнен
По дате
По рейтингу
Аватар пользователя
Новичок
8лет

1