[JS] превью картинки из самой картинки

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Аватара пользователя
Alex Keda
стреляли...
Сообщения: 35456
Зарегистрирован: 2004-10-18 14:25:19
Откуда: Made in USSR
Контактная информация:

[JS] превью картинки из самой картинки

Непрочитанное сообщение Alex Keda » 2013-02-18 20:42:54

собсно, видел на каком-то сайте, в тексте превьюхи воткнуты,, небольшие пикселов 100x100 может...
тыкаешь в неё - она расползается на этом же месте в тыщщу пикселов примерно
заинтересовался, посмотрел - это был JS, который ужимал картинку до мелкого размера.
т.е. превьюх нету, это та же большая картика, тока у тега IMG одна из сторон прописана маленькой
(ну, по крайней мере я бы так сделал - на подробности реализации внимания не обратил)
тыкаешь - она в нормальный размер, тыкаешь - обратно мелкая...
--
в общем, понадобилась такая хрень, а у самого ума не хватает даже с какой стороны подойти... и сайт тот не помню, разумеется
из общих мыслей - прилепить картинкам идентификаторы, вызывать onload функцию, которая будет перебирать идентификаторы и чё-то с ним делать...
атрибут у тега менять чтоле...
как тока клики обработать...

в общем - кода у меня пока ноль, мысли и примеры - приветствуются
--
P.S. JS знаю хреново, нелюблю, но в данном случае других решений не вижу
Убей их всех! Бог потом рассортирует...

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

Bayerische
капитан
Сообщения: 1820
Зарегистрирован: 2010-12-25 20:41:50
Откуда: Хлебная столица

Re: [JS] превью картинки из самой картинки

Непрочитанное сообщение Bayerische » 2013-02-19 7:35:05

https://www.google.com/search?q=lightbo ... utf-8&aq=t

Под эту хрень почти во всех CMS плагины есть.

SviZ
рядовой
Сообщения: 10
Зарегистрирован: 2013-03-10 12:56:45
Контактная информация:

JavaScript превью

Непрочитанное сообщение SviZ » 2013-03-16 19:58:58

Тут две нестыковки
1 - JavaScript работать с изображениями не может, может только подгружать.
2 - Похожая хрень есть на многих сайтах, и она дико не удобна: тормозит браузер и не учитывает размер окна пользователя.

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

Аватара пользователя
Alex Keda
стреляли...
Сообщения: 35456
Зарегистрирован: 2004-10-18 14:25:19
Откуда: Made in USSR
Контактная информация:

Re: [JS] превью картинки из самой картинки

Непрочитанное сообщение Alex Keda » 2013-03-16 22:31:46

мне не надо учитывать
надо сделать width=100 у IMG , по клику убрать его вообще, или сделать 100 если его нет.
всё
Убей их всех! Бог потом рассортирует...