Адрес для входа в РФ: exler.wiki
Опять тестируем большую фотографию
10.03.2011 14:00
10140
Комментарии (51)
Василий вроде доделал скрипт. Теперь я могу грузить хоть полноразмеры, они ставятся в запись превьюшкой, а в браузерах по щелчку должны раскрываться по размеру браузера. Это только на Exler.ru. В ЖЖ пока с предпросмотра картинки в 600 пикселов будет ссылка на оригинальное изображение. Если кто подскажет, можно ли в ЖЖ прикрутить какую-нибудь библиотечку, чтобы при щелчке всплывал масштабируемый полноразмер - будем благодарны.
Сейчас для проверки кидаю сюда 2928х1946. Обо всяких глюках пишите в комментах, только не забывайте указывать название браузера, его версию, разрешение дисплея и операционную систему.
Полноразмер теперь закрывается по любому щелчку - на самом изображении, на экране и так далее.
Войдите, чтобы оставить комментарий.
Забавный эффект на Андроиде и iOS (iPhone 4): если прикоснуться к фотке на странице, которая уже увеличена (например, "антищипком"), то открывающаяся картинка не масштабируется по экрану. На экране помещается лишь маленький её кусочек, как если бы картинку промасштабировали по экрану, а ззатем увеличили во столько же раз, во сколько увеличена была сама страничка.
Ноут MSI, Win7 x64, Opera 11.01.1190, 1366x768. Масштабируется нормально, но по горизонтали слева видна часть текста из блога и часть превьюшки. В превью картинка более живая. Такое ощущение, что в полноразмере переборщили с эффектом шарпа.
Win7 x64: (1) в IE9 RC не работает, по клику просто ничего не происходит; (2) В нём же в Compatibility mode работает нормально; (3) в Safary 5.0.3 работает нормально.
MacOSX 10.6.6: в Safary 5.0.3 работает нормально.
MacOSX 10.7 (beta): в Safary 5.1 работает нормально.
NB: Там, где работает нормально, наблюдается маленький "квирк" — при вписывании большой картинки в окошко по ширине появляется полоса горизонтальной прокрутки. Видимо, это связано с правой тенью, которая добавляется после масштабирования.
Дополнение:
Motorola Milestone (Android OS 2.1): (1) встроенный Браузер всё показывает; (2) Opera Mini не справляется, только страничка "задымляется".
MacOSX 10.6.6: в Safary 5.0.3 работает нормально.
MacOSX 10.7 (beta): в Safary 5.1 работает нормально.
NB: Там, где работает нормально, наблюдается маленький "квирк" — при вписывании большой картинки в окошко по ширине появляется полоса горизонтальной прокрутки. Видимо, это связано с правой тенью, которая добавляется после масштабирования.
Дополнение:
Motorola Milestone (Android OS 2.1): (1) встроенный Браузер всё показывает; (2) Opera Mini не справляется, только страничка "задымляется".
Opera 11.00, ubuntu 10.04 - всё работает.
IE9 RC - не работает. FF4 RC - картинка открывается, но остаётся слишком много "пустого места" по бокам (1680х1050 монитор, FF пишет что картинка была уменьшена до 1,206px × 802px).
Тот же косяк: полноразмер открывается под видео от ютуба. WinXP SP3, Opera 10.10.
Windows 7 HP, Google Chrome 10, ноут ThinkPad, 15", 2048x1536 IPS 😉 -- раскрывает несколько меньше полного экрана: 1920х1283.
teleganov: ноут ThinkPad, 15", 2048x1536 IPS
Шо, такое правда бывает? Да еще и на 15 дюймах?!! 😉
В Google reader (IE 7.0) ссылки нет, только фотка.
Vista HB FF 3.6.15 1280x800
Выдает "увеличенную" картинку размера 735х489. Явно что-то маловато...
Выдает "увеличенную" картинку размера 735х489. Явно что-то маловато...
На Win7 und FF 3.6.15 работает надлежащим образом. Я бы ещё немного усилил затенение фона, но это уже придирка.
Vista Business SP2 Rus, Разрешение экрана: 1920×1080
Проверено на Opera 11, FF 3.6.8, IE 8 - работает нормально.
FF выдает такую инфу: 2 928px × 1 946px (в масштабе 1 202px × 799px)
Хотя выкладывать фотки с таким масштабом (6 мегапикселей) не стоит - грузится около 2-3 секунд, у кого-то на медленном канале будет еще дольше. Думаю 2-3 МП - это предел, для тех, кому нужны полноразмерные фотки - сделать либо отдельный линк, либо отдельный раздел (как бывает на сайтах - легкая версия и полная).
Проверено на Opera 11, FF 3.6.8, IE 8 - работает нормально.
FF выдает такую инфу: 2 928px × 1 946px (в масштабе 1 202px × 799px)
Хотя выкладывать фотки с таким масштабом (6 мегапикселей) не стоит - грузится около 2-3 секунд, у кого-то на медленном канале будет еще дольше. Думаю 2-3 МП - это предел, для тех, кому нужны полноразмерные фотки - сделать либо отдельный линк, либо отдельный раздел (как бывает на сайтах - легкая версия и полная).
В последнем хроме на Windows 7 при 1280х1024 открывается всё чудненько, не считая напрыгивающего флеша. 9 эксплорер (релиз-кандидат) вообще хер ложил. Никакой эрекции на картинку. Не стоИт, значится пора заменять.
Алекс, флешки по прежнему продолжают наезжать на полноразмерные фото. Это не зависит от браузеров и ОС.
Как решить, было указано в предыдущем посте, для флеша надо задать параметр wmode со значением opaque или transparent. В коде вставки плеера.
Как решить, было указано в предыдущем посте, для флеша надо задать параметр wmode со значением opaque или transparent. В коде вставки плеера.
W7 64 IE8 1680x1050
А чё столько места пропадает? Где обещанные 2928? Что маленькая, что увеличенная - смотрятся одинаково! Ну, хоть слегка-то подогнать, чтоб без зазоров!
В полноэкранном режиме, вообще грустно смотреть - столько места пропадает!
Впрочем, закрывается нормально, хотя и выглядит "обманом"... 😒
А чё столько места пропадает? Где обещанные 2928? Что маленькая, что увеличенная - смотрятся одинаково! Ну, хоть слегка-то подогнать, чтоб без зазоров!
В полноэкранном режиме, вообще грустно смотреть - столько места пропадает!
Впрочем, закрывается нормально, хотя и выглядит "обманом"... 😒
FF3 - открывается нормально, НО иеромонах наезжает на картинку!
PC, Google Chrome 10, 1600x1200 - если Youtube в кадре, то поверх фотографии лезет. А так всё отлично.
iPad, iCab в оконном режиме: в портретном за края экрана (на всю ширину сайта без масштабирования), в горизонтальном ОК, занимает часть экрана.
iPad, iCab в полном размере: то же самое, но картинка больше.
iPad, Safari: картинка поменьше, то же самое - не помещается в экран в вертикальном, занимает часть экрана в горизонтальном.
iOS 4.2.1, во всех случаях на iPad закрытие по двойному клику (первый убирает крестик)
Программист принцип web-версии Picasa (и интерфейс управления) повторить не хотел бы? Это чтобы на сервер для минимизации трафика заливалось несколько вариантов снимка с разными разрешениями, а подгружалось в окно релевантное текущему - и трафик сервера сэкономит (не будет 6 мегапикселей грузиться тем, у кого монитор меньше даёт), и довольны будут владельцы всех возможных разрешений экрана.
Не закрывается при клике на тени вокруг белой рамки картинки.
Google Chrome 9.0
Google Chrome 9.0
Alex Exler: олжны раскрываться по размеру браузера
Имхо, логичней было бы по размеру экрана. А то получается туфта, что в превью, что без, фотка практически одинаковая на 1280x800
Алекс, на айфоне-4 картинка открывается очень маленькая (не на весь экран). Причём открывается с ощутимой задержкой - экран сначала заливается сероватым "молоком".
Mac OS 10.6.6, Firefox 3.6.12, 1920x1200 — нормально. Поля по краям не напрягают, но лучше их немного уменьшить. При изменении размеров окна броузера картинка не масштабируется (так задумано?).
Да, эффект затемнения/просветления лучше убрать — лишнее оно. Да и крестик закрытия тоже уже лишний.
Да, эффект затемнения/просветления лучше убрать — лишнее оно. Да и крестик закрытия тоже уже лишний.
Mac OS 10.6.6, Chrome 10.0.648.127, 1680x1050
Окно с фотографией раскрылось оставив очень внушительные поля по краям, сверху и снизу.
Окно с фотографией раскрылось оставив очень внушительные поля по краям, сверху и снизу.
MrFahrenheit: Mac OS 10.6. Окно с фотографией раскрылось оставив очень внушительные поля по краям, сверху и снизу.
Во-во, и Сафари то же.
Win 7, FF 4.0, 1920x1200 - все супер.
Странный подход у вашего девелопера. Обычно если курсор имеет форму "руки" то под ним ссылка. Не понятно почему бы и не сделать это настоящей ссылкой на увеличенное изображение. В таком случае люди смогут открыть "в новой вкладке" если надо.
Примеры:
jquery.com
Примеры:
jquery.com
В хроме косяк с плеером youtube.
img-fotki.yandex.ru/get/4908/gaiar.2/0_4a940_c76d6bb2_L.jpg
Так же, фотография достаточно долго открывается
win 7x64, Chrome 10.0.648.127 beta
img-fotki.yandex.ru/get/4908/gaiar.2/0_4a940_c76d6bb2_L.jpg
Так же, фотография достаточно долго открывается
win 7x64, Chrome 10.0.648.127 beta
1024х800, ubuntu 10.04, ff 3.6.15 - нормально показывается и закрывается. Немного напрягает постепенное выплывание и исчезание. Мне кажется оно тут лишнее.
FF 3.6.15 1920x1080 все супер
1680x1050, winXP sp3, ff4.0 beta12. открывается долговато, и зачем нужен крестик, если закрывается кликом в любом месте?
На iPad пофиг, что первый, что второй вариант. Выгладят одинаково ))
XP SP3, IE6, 1280х1024. Все отлично, но первый раз тоже открывалось долговато, секунд 5-7.
Win 7. Opera 11, Хром какой-то. 1920х1080 1366х768 отображается замечательно. Гораздо лучше предыдущего варианта. Растягивается не на всю страницу, пикселей по 30 сверху и снизу картинки остаётся, но это как я понял так задумано.
1680x1050, Win7, Chrome10 - хорошо, корректно.
Safari 5.0.4 MacOs 10.6.6 1280*1024. Открывается посредине экрана окошко процентов 70 от размеров окна браузера.
gsp:
Safari 5.0.4 MacOs 10.6.6 1280*1024. Открывается посредине экрана окошко процентов 70 от размеров окна браузера.
Safari 5.0.4 MacOs 10.6.6 1280*1024. Открывается посредине экрана окошко процентов 70 от размеров окна браузера.
Ну да. Так и должно быть. Она же масштабируется не только по ширине, но и по высоте.
Opera 11, Windows XP SP3, 1024*768 - выглядит хорошо, открывается полноразмер долго
harmant:
Opera 11, Windows XP SP3, 1024*768 - выглядит хорошо, открывается полноразмер долго
Opera 11, Windows XP SP3, 1024*768 - выглядит хорошо, открывается полноразмер долго
2 мега. Планируется выкладывать 1024 слегка поджатые - будет намного меньше. Где-то 300-350 кило.
harmant:
... открывается полноразмер долго
... открывается полноразмер долго
ну, видимо, канал узковат
Win7 SP1, 1152*864
FF4 RC1 - хорошо
Chrome 10.0.648.127 - хорошо
Opera 11 b1190 - хорошо
з.ы. при mouseover можно было бы сделать всплывающий tip с разрешением полноразмерного пиктюра
FF4 RC1 - хорошо
Chrome 10.0.648.127 - хорошо
Opera 11 b1190 - хорошо
з.ы. при mouseover можно было бы сделать всплывающий tip с разрешением полноразмерного пиктюра
chewi: з.ы. при mouseover можно было бы сделать всплывающий tip с разрешением полноразмерного пиктюра
+1
WinXP SP3, IE8, 1280*1024 - нормуль
Win7 Pro 64x, Firefox 3.6.15, 19' - 1280х1024 - все нормально.
Google Chrome 10 - полёт нормальный. Но мне вот например модальные окна для таких целей не нравятся. Я предпочитаю средней кнопкой мыши прощелкать по картинкам и потом рассматривать результаты в открывшихся вкладках. Но это, понятное дело, мои половые трудности.
в Firefox, с закрытием по щелчку косяк: По первому клику убирается крестик в верхнем правом углу, по второму клику - убирается фотография.
В IE все нормально
В IE все нормально
Torch: в Firefox, с закрытием по щелчку косяк: По первому клику убирается крестик в верхнем правом углу, по второму клику - убирается фотография.
Firefox 3.6.15, моник 1680х1050, никаких проблем, картинка идеально вписывается в окно, по щелчку закрывается. Никаких крестиков нет.
Torch: в Firefox, с закрытием по щелчку косяк: По первому клику убирается крестик в верхнем правом углу, по второму клику - убирается фотография.
Просил же версию сообщать. В последнем FF все в порядке.
Теги
Информация
Что ещё почитать
