Картинки в комментариях на моём сайте
Я тут сделал на выходных, помимо кучи малозаметных улучшений, ещё одну хорошую (как мне кажется) вещь — картинки в комментариях. Пишу «как мне кажется», а не «однозначно», потому что это мне скучно делать как у всех. Я делаю, либо чтобы провести эксперимент, либо чтобы чему-то научиться. Тут и то, и другое.
Итак, вставляются картинки только из сервиса «Яндекс.Фотки». Инструкция: идёте в любой альбом, тыкаете там в публичную фотку, берёте URL, который получился, указываете его в заметке, отправляете комментарий. Всё.
В это время мой сервер просматривает урлы вашего комментария, находит три первых, похожих на урлы «Яндекс.Фоток» (отсюда ограничение — вставляются так только три первых картинки, остальные будут простыми урлами), идёт с ними в API фоток, берёт из присланного обратно XML урл картинки, выставляет формат «не более 500 пискелей в любую сторону» и вставляет полученное как картинку.
Есть способ обойти ограничение, закрою позже, если кто-нибудь будет баловаться.
Принимаются советы, например, не много ли это — 500 пикселей, может сделать меньше? Доступные размеры есть на сайте документации API «Яндекс.Фоток».
P.S. Расскажу сразу почему «Яндекс.Фотки», а не любой другой сервис? Причин несколько — наличие API, которое доступно (в нужном мне функционале) без регистрации и авторизации.
Второе — неограниченный размер хранимых изображений на сервисе.
Третье — сервис закроется не раньше, чем закроется «Яндекс», то есть это маловероятное событие.
Четвёртое — кража домена исключается, взлом крайне маловероятен, значит с сервиса мне придут данные, которым я могу доверять. Это тоже важно.
К сожалению, есть недостаток — картинки могут заливать только зарегистрированные пользователи. Но если вы знаете другой сервис, где выполняются все четыре условия, скажите мне, я подключу и его.
P.P.S. Это топик добра, в нём можно тестировать как работает вставка этого добра на страницу.
В этом топике можно тестировать как это работает. Эгегей!
http://img-fotki.yandex.ru/get/5/bolknote.32/0_2bfbb_e476e1ce_L
Может картинку делать ссылкой на яндекс.фотки, чтобы в оригинальном размере посмотреть или комментарии там почитать.
Может подумать о том, чтобы вставлять alt картинки, прилетающий из API? Кто-нибудь их читает, эти «альты»? Почему-то из API не прилетают размеры картинки, а жаль.
Комментарий для Евгения Степанищева:
Роботы точно читают :)
Комментарий для splurov.livejournal.com:
Спасибо, это очень хорошая идея! Реализую.
http://fotki.yandex.ru/calendar/users/alllebedev/view/207065/
Комментарий для splurov.livejournal.com:
Ну, роботы, в данном случае, наверное не важны.
А ещё раз котёнок с цыплёнком?
http://img-fotki.yandex.ru/get/4306/alllebedev.e9/0_328d9_a5f4d3d3_L
Кому-нибудь кажется, что 500 пикселей это много?
Вот так смотрится 300:
http://img-fotki.yandex.ru/get/4306/alllebedev.e9/0_328d9_a5f4d3d3_M
300 Лучше, с сделай чтобы по клику отрывалась полная версия картинки, абсолютная ссылка или на я.фотки
когда будет ссылка на оригинал, 300 будет точно лучше, чем 500. я бы даже еще меньше может сделал.
По мне лучше 500, нечего экономить на трафике.
http://fotki.yandex.ru/tags/%D0%BA%D0%BE%D1%88%D0%BA%D0%B8/users/alllebedev/view/207069/?page=0%26how=week
Комментарий для utochka-no4.ya.ru:
Ох, и такой URL бывает. Сделаю.
ещё быват
http://fotki.yandex.ru/tag/%D0%BA%D0%BE%D1%88%D0%BA%D0%B8/users/alllebedev/view/207069/?page=0%26how=week
http://img-fotki.yandex.ru/get/3909/atnatasha.5/0_47994_45ee9b1_L
http://fotki.yandex.ru/contest/60/users/sabzhil/view/204428/?page=0
ну и фотодня уже сверху где-то проскакивало
Комментарий для Евгения Степанищева:
Читаю, когда сижу с отключенной графикой и гружу только то, что нужно — вот тут-то альты и помогают определить, нужно оно тебе или нет. Если они адекватные.
http://img-fotki.yandex.ru/get/4302/alllebedev.e9/0_328dd_fa7bf6ad_M
http://img-fotki.yandex.ru/get/3103/eccaile.dc/0_19735_2feb3aa7_L
Эгегей!
Аплодирую стоя, отличное применение API.
Комментарий для razetdinov.ya.ru:
Надо только написать ребятам, чтобы выдавали ширину и высоту картинки, а так же её размер в байтах.
http://img-fotki.yandex.ru/get/4302/alllebedev.e9/0_328dd_fa7bf6ad_L#%D0%9F%D1%80%D0%B8%D0%BB%D0%B5%D1%82%D0%B8%D1%82%2B%D0%B2%D0%B4%D1%80%D1%83%D0%B3%2B%D0%B2%D0%BE%D0%BB%D1%88%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA%2B%D0%B2%2B%D0%B3%D0%BE%D0%BB%D1%83%D0%B1%D0%BE%D0%BC%2B%D0%B2%D0%B5%D1%80%D1%82%D0%BE%D0%BB%D0%B5%D1%82%D0%B5%2C%D0%98%2B%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%2B%D0%BF%D0%BE%D0%BA%D0%B0%D0%B6%D0%B5%D1%82%2B%D0%BA%D0%B8%D0%BD%D0%BE%2C%D0%A1%2B%D0%B4%D0%BD%D0%B5%D0%BC%2B%D1%80%D0%BE%D0%B6%D0%B4%D0%B5%D0%BD%D1%8C%D1%8F%2B%D0%BF%D0%BE%D0%B7%D0%B4%D1%80%D0%B0%D0%B2%D0%B8%D1%82%2C%2B%D0%B8%2B%D0%BD%D0%B0%D0%B2%D0%B5%D1%80%D0%BD%D0%BE%2C%2B%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D0%9C%D0%BD%D0%B5%2B%D0%B2%2B%D0%BF%D0%BE%D0%B4%D0%B0%D1%80%D0%BE%D0%BA%2B%D0%BF%D1%8F%D1%82%D1%8C%D1%81%D0%BE%D1%82%2B%D1%8D%D1%81%D0%BA%D0%B8%D0%BC%D0%BE%21#
http://img-fotki.yandex.ru/get/23/v-k-v.0/0_833b_3b11edec_S
http://img-fotki.yandex.ru/get/4205/gavrusha-dream.14/0_4a2c5_1eac7a54_L#%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%2B537.jpg%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fcalendar%2Fusers%2Fgavrusha-dream%2Fview%2F303813%2F#
Я сделал ссылку на большое фото.
Гениально!
http://img-fotki.yandex.ru/get/4002/lusever.1c/0_30353_a96c99b9_L#%D0%9F%D0%BE%D1%80%D1%82%D1%80%D0%B5%D1%82%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fusers%2Flusever%2Fview%2F197459%2F%3Fpage%3D0#
А чего б не сделать как в Google Buzz?
Комментарий для jankkhvej.blogspot.com:
А как в Google Buzz?
Комментарий для splurov.livejournal.com:
Готово
http://img-fotki.yandex.ru/get/4313/ya-dobrohot.d/0_3d3d5_5e64e868_L.jpg
Кстати для еще одного популярного хостинга фото — PicasaWeb есть даже JS, просто подключив который на странице можно переобразовывать ссылки в интерактивные альбомы.
Демо — http://forum.our.cn.ua/index.php?topic=183.0
У автора http://bondariev.info/web/picasaweb/picasaweb-dlya-jquery-i-wordpress/ демка почему то не работает
Комментарий для ya-dobrohot.ya.ru:
Тестируем Есенина
http://img-fotki.yandex.ru/get/4313/ya-dobrohot.d/0_3d3d5_5e64e868_L.jpg
Комментарий для Евгения Степанищева:
Не могу зарегаться на фотках.яндекса, нажимаю «согласен», страница оферты просто перегружается. Так что вот — http://picasaweb.google.com/jankkhvej/Test#5480020106944951810
Комментарий для viperet.info:
У меня в «Опере» выглядит ужасно, страница разъехалась.
Комментарий для jankkhvej.blogspot.com:
Поставлю ребятам баг.
Это если исходить из предположения, что человек указывает в качестве OpenID адрес на «Ярушке», а бывает не так (я так, например, никогда не делаю). И я не понял, если у меня около 2000 фотографий на «Ярушке», что я должен подгрузить на свой сайт?
Комментарий для Евгения Степанищева:
На счет нововведений: новая фишка с пролистыванием до последнего комментария (#34) не понравилась.
Еще не прочитал тему, а начинаю с комментария.
Такое поведение _только_ если открывать страницу из адресной строки или с другого сайта.
Комментарий для 100grammist.livejournal.com:
Да, мне самому кажется, что это сомнительная фишка. Переделаю.
Раз речь зашла о нововведениях:
http://img-fotki.yandex.ru/get/4300/segafredo.1/0_452ff_1bb12196_L#tumblr_ktyoahAuZN1qzpt5vo1_500.jpg%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fusers%2Fsegafredo%2Fview%2F283391%2F%3Fpage%3D0#
ох, да, действительно хорошо
Комментарий для splurov.livejournal.com:
Да уже говорили, я скоро напишу почему было сделано так и, скорее всего, переделаю.
Откуда же мне взять почту человека?
Комментарий для Евгения Степанищева:
Buzz подргужает с десяток картинок по любому URL, не только если это чей-то OpenID. Просто как только в тексте появляется URL, Buzz «в фоне» подгружает картинки и предлагает их вставить в пост.
Достаточно ли им информации? Я пробовал из Chrome и Firefox, в хроме работает Adblock, в Firefox — нет. Не работает...
Комментарий для jankkhvej.blogspot.com:
Но у меня-то не просто URL, а OpenID и «Ярушка» даже не самая частая. И я не хочу вставлять картинки с хостов о которых я ничего не знаю, причины я написал в «PS» к этому посту.
Не знаю, пока ещё не ответили. Ответят, попробую вас связать, если информации мало будет.
http://img-fotki.yandex.ru/get/4301/zelennata.98/0_449d2_115ad54a_XL.jpg
ня
Комментарий для zelennata.ya.ru:
Не-не, никаких XL-картинок :) Да и вообще, зачем ставить ссылку на картинку. Можно просто постить URL страницы, где ссылка находится.
Комментарий для zelennata.ya.ru:
Вот, так — ня!
http://img-fotki.yandex.ru/get/4301/zelennata.98/0_449d2_115ad54a_L.jpg
ааааааа.ясн
Комментарий для Евгения Степанищева:
Спросить, конечно. Мне не сложно её ввести, как в форме комментирования, так и вне её.
Почему после добавления комментария в адресе якорь #46, а под ссылкой «#46» #n12065?
И ещё такой баг(?): когда только добавишь комментарий с цитатой, в хтмл-коде будет <blockquote class=«bq»><tt id=«46»>Откуда же мне взять почту человека?<br></tt></blockquote> — тег tt здесь явно лишний. После обновления страницы всё нормально.
Комментарий для splurov.livejournal.com:
Это превращает сайт в отличную, дешёвую спам-машину. Добавляем комментариями людей с почтой, а потом начинаем сообщениями рассылать им спам.
Посмотрю, спасибо!
Комментарий для splurov.livejournal.com:
Не вижу ничего такого в коде.
Комментарий для utochka-no4.ya.ru:
Хехе, имиджборда, так имиджборда (-:
из ссылки
http://img-fotki.yandex.ru/get/4209/ashikcygan.15/0_47e0c_5673b9ea_XL.jpg
из адресной строки:
http://img-fotki.yandex.ru/get/4209/ashikcygan.15/0_47e0c_5673b9ea_L#%D0%9C%D1%96%D1%81%D1%8F%D1%86%D1%8C%2B%D0%BD%D0%B0%D0%B4%2B%D0%A7%D0%BE%D1%80%D0%BC%D0%BD%D0%B8%D0%BC%2B%D0%BC%D0%BE%D1%80%D0%B5%D0%BC%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fusers%2Fashikcygan%2Fview%2F294412%2F%3Fpage%3D0#
Комментарий для Евгения Степанищева:
Ты не сильно преувеличиваешь?
Да, проблема в чем-то другом. Смотри скрин: http://img692.imageshack.us/img692/6602/s20100608004340.png
При этом баг не постоянно проявляется, я сейчас перезагрузил страницу и стало всё нормально. Может, как-то зависит от последний комментарий с цитатой или без, а может от чего-то ещё.
Комментарий для splurov.livejournal.com:
Это было одной из причин, по которым я отключил комментарии на этом блоге на полгода (а то и больше, не помню). Я думаю, что можно было бы сделать отправку на мыло, если OpenID (через SRE) указывает это мыло.
Это скрин без бага, я правильно понимаю.
Комментарий для Евгения Степанищева:
С багом, смотри фаербаг и отступы у цитат в #48.
Комментарий для splurov.livejournal.com:
Ага, спасибо! Попробую разобраться как время будет.
Комментарий для Евгения Степанищева:
Ребята спрашивают какой логин.
Тест широкой картинки:
http://img-fotki.yandex.ru/get/3904/alexander-artemenko.8/0_4c9c4_a6dcb1d0_L#%D0%A0%D1%8B%D0%B1%D0%B0%D1%86%D0%BA%D0%B0%D1%8F%2B%D0%BB%D0%BE%D0%B4%D0%BA%D0%B0%2B%28%D1%86%D0%B2%D0%B5%D1%82%29%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fusers%2Falexander-artemenko%2Fview%2F313796%2F%3Fpage%3D1#
Ну-ка а панорамы:
http://img-fotki.yandex.ru/get/0/andr-js.0/0_6aa_c11a4ff1_L#%D0%94%D0%B5%D0%BC%D0%B5%D1%80%D0%B4%D0%B6%D0%B8%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fusers%2Fandr-js%2Fview%2F1706%3Fpage%3D1#
Комментарий для jankkhvej.blogspot.com:
Ребята спрашивают какой логин.
Проверка...
Проверка-2...
Проверка-3... (опен-айди)