Картинки в комментариях на моём сайте

Я тут сделал на выходных, помимо кучи малозаметных улучшений, ещё одну хорошую (как мне кажется) вещь — картинки в комментариях. Пишу «как мне кажется», а не «однозначно», потому что это мне скучно делать как у всех. Я делаю, либо чтобы провести эксперимент, либо чтобы чему-то научиться. Тут и то, и другое.

Итак, вставляются картинки только из сервиса «Яндекс.Фотки». Инструкция: идёте в любой альбом, тыкаете там в публичную фотку, берёте URL, который получился, указываете его в заметке, отправляете комментарий. Всё.

Приложенная фотка в комментариях (17.90КиБ)

В это время мой сервер просматривает урлы вашего комментария, находит три первых, похожих на урлы «Яндекс.Фоток» (отсюда ограничение — вставляются так только три первых картинки, остальные будут простыми урлами), идёт с ними в API фоток, берёт из присланного обратно XML урл картинки, выставляет формат «не более 500 пискелей в любую сторону» и вставляет полученное как картинку.

Есть способ обойти ограничение, закрою позже, если кто-нибудь будет баловаться.

Принимаются советы, например, не много ли это — 500 пикселей, может сделать меньше? Доступные размеры есть на сайте документации API «Яндекс.Фоток».

P.S. Расскажу сразу почему «Яндекс.Фотки», а не любой другой сервис? Причин несколько — наличие API, которое доступно (в нужном мне функционале) без регистрации и авторизации.

Второе — неограниченный размер хранимых изображений на сервисе.

Третье — сервис закроется не раньше, чем закроется «Яндекс», то есть это маловероятное событие.

Четвёртое — кража домена исключается, взлом крайне маловероятен, значит с сервиса мне придут данные, которым я могу доверять. Это тоже важно.

К сожалению, есть недостаток — картинки могут заливать только зарегистрированные пользователи. Но если вы знаете другой сервис, где выполняются все четыре условия, скажите мне, я подключу и его.

P.P.S. Это топик добра, в нём можно тестировать как работает вставка этого добра на страницу.
7 июня 2010 09:53

bolk (bolknote.ru)
7 июня 2010, 10:01

В этом топике можно тестировать как это работает. Эгегей!

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 10:03

Может картинку делать ссылкой на яндекс.фотки, чтобы в оригинальном размере посмотреть или комментарии там почитать.

bolk (bolknote.ru)
7 июня 2010, 10:09

Может подумать о том, чтобы вставлять alt картинки, прилетающий из API? Кто-нибудь их читает, эти «альты»? Почему-то из API не прилетают размеры картинки, а жаль.

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 10:12, ответ предназначен bolk (bolknote.ru):

Роботы точно читают :)

bolk (bolknote.ru)
7 июня 2010, 10:12, ответ предназначен splurov.livejournal.com:

Спасибо, это очень хорошая идея! Реализую.
http://fotki.yandex.ru/calendar/users/alllebedev/view/207065/

bolk (bolknote.ru)
7 июня 2010, 10:13, ответ предназначен splurov.livejournal.com:

Ну, роботы, в данном случае, наверное не важны.

bolk (bolknote.ru)
7 июня 2010, 10:15

А ещё раз котёнок с цыплёнком?

bolk (bolknote.ru)
7 июня 2010, 10:19

Кому-нибудь кажется, что 500 пикселей это много?

bolk (bolknote.ru)
7 июня 2010, 10:20

Вот так смотрится 300:

runmendev.livejournal.com (runmendev.livejournal.com)
7 июня 2010, 10:52

300 Лучше, с сделай чтобы по клику отрывалась полная версия картинки, абсолютная ссылка или на я.фотки

Michael Yakovis (yakovis.com)
7 июня 2010, 11:08

когда будет ссылка на оригинал, 300 будет точно лучше, чем 500. я бы даже еще меньше может сделал.

Fulcrum (fulc.ru)
7 июня 2010, 11:17

По мне лучше 500, нечего экономить на трафике.

utochka-no4.ya.ru (utochka-no4.ya.ru)
7 июня 2010, 11:20

http://fotki.yandex.ru/tags/%D0%BA%D0%BE%D1%88%D0%BA%D0%B8/users/alllebedev/view/207069/?page=0&how=week

bolk (bolknote.ru)
7 июня 2010, 11:24, ответ предназначен utochka-no4.ya.ru:

Ох, и такой URL бывает. Сделаю.

utochka-no4.ya.ru (utochka-no4.ya.ru)
7 июня 2010, 11:29

ещё быват
http://fotki.yandex.ru/tag/кошки/users/alllebedev/view/207069/?page=0&how=week

http://fotki.yandex.ru/contest/60/users/sabzhil/view/204428/?page=0

ну и фотодня уже сверху где-то проскакивало

mr-simm.livejournal.com (mr-simm.livejournal.com)
7 июня 2010, 11:42, ответ предназначен bolk (bolknote.ru):

Кто-нибудь их читает, эти «альты»?
Читаю, когда сижу с отключенной графикой и гружу только то, что нужно - вот тут-то альты и помогают определить, нужно оно тебе или нет. Если они адекватные.

bolk (bolknote.ru)
7 июня 2010, 12:10

aire.livejournal.com (aire.livejournal.com)
7 июня 2010, 12:15

Эгегей!

Азат Разетдинов (razetdinov.ya.ru)
7 июня 2010, 12:26

Аплодирую стоя, отличное применение API.

bolk (bolknote.ru)
7 июня 2010, 12:33, ответ предназначен Азат Разетдинов (razetdinov.ya.ru):

* кланяеццо *

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

bolk (bolknote.ru)
7 июня 2010, 13:15

Прилетит вдруг волшебник в голубом вертолете,И бесплатно покажет кино,С днем рожденья поздравит, и наверно, оставитМне в подарок пятьсот эскимо!

vkv.livejournal.com (vkv.livejournal.com)
7 июня 2010, 13:25

bolk (bolknote.ru)
7 июня 2010, 13:31

Изображение 537.jpghttp://fotki.yandex.ru/calendar/users/gavrusha-dream/view/303813/

bolk (bolknote.ru)
7 июня 2010, 13:32

Я сделал ссылку на большое фото.

lusever.ru (lusever.ru)
7 июня 2010, 13:59

Гениально!

Портретhttp://fotki.yandex.ru/users/lusever/view/197459/?page=0

jankkhvej (jankkhvej.blogspot.com)
7 июня 2010, 14:52

А чего б не сделать как в Google Buzz?

bolk (bolknote.ru)
7 июня 2010, 14:54, ответ предназначен jankkhvej (jankkhvej.blogspot.com):

А как в Google Buzz?

bolk (bolknote.ru)
7 июня 2010, 15:40, ответ предназначен splurov.livejournal.com:

Может картинку делать ссылкой на яндекс.фотки, чтобы в оригинальном размере посмотреть или комментарии там почитать.
Готово

ya-dobrohot (ya-dobrohot.ya.ru)
7 июня 2010, 15:45

Viperet (viperet.info)
7 июня 2010, 16:07

Кстати для еще одного популярного хостинга фото - PicasaWeb есть даже JS, просто подключив который на странице можно переобразовывать ссылки в интерактивные альбомы.
Демо - http://forum.our.cn.ua/index.php?topic=183.0
У автора http://bondariev.info/web/picasaweb/picasaweb-dlya-jquery-i-wordpress/ демка почему то не работает

bolk (bolknote.ru)
7 июня 2010, 16:14, ответ предназначен ya-dobrohot (ya-dobrohot.ya.ru):

Тестируем Есенина

jankkhvej (jankkhvej.blogspot.com)
7 июня 2010, 16:18, ответ предназначен bolk (bolknote.ru):

Не могу зарегаться на фотках.яндекса, нажимаю "согласен", страница оферты просто перегружается. Так что вот — http://picasaweb.google.com/jankkhvej/Test#5480020106944951810

bolk (bolknote.ru)
7 июня 2010, 16:24, ответ предназначен Viperet (viperet.info):

Кстати для еще одного популярного хостинга фото - PicasaWeb есть даже JS, просто подключив который на странице можно переобразовывать ссылки в интерактивные альбомы.
У меня в «Опере» выглядит ужасно, страница разъехалась.

bolk (bolknote.ru)
7 июня 2010, 16:26, ответ предназначен jankkhvej (jankkhvej.blogspot.com):

Не могу зарегаться на фотках.яндекса, нажимаю "согласен", страница оферты просто перегружается.
Поставлю ребятам баг.
Так что вот — (url на картинку)
Это если исходить из предположения, что человек указывает в качестве OpenID адрес на «Ярушке», а бывает не так (я так, например, никогда не делаю). И я не понял, если у меня около 2000 фотографий на «Ярушке», что я должен подгрузить на свой сайт?

100grammist.livejournal.com (100grammist.livejournal.com)
7 июня 2010, 16:55, ответ предназначен bolk (bolknote.ru):

На счет нововведений: новая фишка с пролистыванием до последнего комментария (#34) не понравилась.
Еще не прочитал тему, а начинаю с комментария.
Такое поведение _только_ если открывать страницу из адресной строки или с другого сайта.

bolk (bolknote.ru)
7 июня 2010, 17:56, ответ предназначен 100grammist.livejournal.com:

Да, мне самому кажется, что это сомнительная фишка. Переделаю.

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 18:23

Раз речь зашла о нововведениях:
1. В посте http://bolknote.ru/2010/06/06/~2546 очень неудобно, когда кликаешь на номер картинки и срабатывает ссылка на якорь — 1) страница скролится к верху картинки и 2) загрязняется история браузера.
2. Об этом, наверное, уже шла речь — не удобно подписываться на комментарии по РСС, куда удобнее, чтобы новые комментарии приходили по почте.

Max (filter.pip.verisignlabs.com)
7 июня 2010, 18:24

tumblr_ktyoahAuZN1qzpt5vo1_500.jpghttp://fotki.yandex.ru/users/segafredo/view/283391/?page=0

ох, да, действительно хорошо

bolk (bolknote.ru)
7 июня 2010, 18:25, ответ предназначен splurov.livejournal.com:

В посте http://bolknote.ru/2010/06/06/~2546 очень неудобно, когда кликаешь на номер картинки и срабатывает ссылка на якорь — 1) страница скролится к верху картинки и 2) загрязняется история браузера.
Да уже говорили, я скоро напишу почему было сделано так и, скорее всего, переделаю.
Об этом, наверное, уже шла речь — не удобно подписываться на комментарии по РСС, куда удобнее, чтобы новые комментарии приходили по почте.
Откуда же мне взять почту человека?

jankkhvej (jankkhvej.blogspot.com)
7 июня 2010, 18:25, ответ предназначен bolk (bolknote.ru):

Buzz подргужает с десяток картинок по любому URL, не только если это чей-то OpenID. Просто как только в тексте появляется URL, Buzz "в фоне" подгружает картинки и предлагает их вставить в пост.
Поставлю ребятам баг.
Достаточно ли им информации? Я пробовал из Chrome и Firefox, в хроме работает Adblock, в Firefox - нет. Не работает...

bolk (bolknote.ru)
7 июня 2010, 18:49, ответ предназначен jankkhvej (jankkhvej.blogspot.com):

Buzz подргужает с десяток картинок по любому URL, не только если это чей-то OpenID. Просто как только в тексте появляется URL, Buzz "в фоне" подгружает картинки и предлагает их вставить в пост.
Но у меня-то не просто URL, а OpenID и «Ярушка» даже не самая частая. И я не хочу вставлять картинки с хостов о которых я ничего не знаю, причины я написал в «PS» к этому посту.
Достаточно ли им информации? Я пробовал из Chrome и Firefox, в хроме работает Adblock, в Firefox - нет. Не работает…
Не знаю, пока ещё не ответили. Ответят, попробую вас связать, если информации мало будет.

zelennata (zelennata.ya.ru)
7 июня 2010, 18:53

ня

bolk (bolknote.ru)
7 июня 2010, 18:58, ответ предназначен zelennata (zelennata.ya.ru):

Не-не, никаких XL-картинок :) Да и вообще, зачем ставить ссылку на картинку. Можно просто постить URL *страницы*, где ссылка находится.

bolk (bolknote.ru)
7 июня 2010, 18:58, ответ предназначен zelennata (zelennata.ya.ru):

Вот, так — ня!

zelennata (zelennata.ya.ru)
7 июня 2010, 19:02

ааааааа.ясн

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 19:09, ответ предназначен bolk (bolknote.ru):

Откуда же мне взять почту человека?
Спросить, конечно. Мне не сложно её ввести, как в форме комментирования, так и вне её.

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 19:14

Почему после добавления комментария в адресе якорь #46, а под ссылкой «#46» #n12065?

И ещё такой баг(?): когда только добавишь комментарий с цитатой, в хтмл-коде будет <blockquote class="bq"><tt id="46">Откуда же мне взять почту человека?<br></tt></blockquote> — тег tt здесь явно лишний. После обновления страницы всё нормально.

bolk (bolknote.ru)
7 июня 2010, 19:17, ответ предназначен splurov.livejournal.com:

Спросить, конечно. Мне не сложно её ввести, как в форме комментирования, так и вне её
Это превращает сайт в отличную, дешёвую спам-машину. Добавляем комментариями людей с почтой, а потом начинаем сообщениями рассылать им спам.
И ещё такой баг(?)
Посмотрю, спасибо!

bolk (bolknote.ru)
7 июня 2010, 19:18, ответ предназначен splurov.livejournal.com:

когда только добавишь комментарий с цитатой, в хтмл-коде будет <blockquote class="bq"><tt id="46">Откуда же мне взять почту человека?<br></tt></blockquote> — тег tt здесь явно лишний. После обновления страницы всё нормально.
Не вижу ничего такого в коде.

Searge (Searge.name)
7 июня 2010, 20:44, ответ предназначен utochka-no4.ya.ru:

Хехе, имиджборда, так имиджборда (-:
из ссылки

из адресной строки:

Місяць над Чормним моремhttp://fotki.yandex.ru/users/ashikcygan/view/294412/?page=0

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 20:47, ответ предназначен bolk (bolknote.ru):

Это превращает сайт в отличную, дешёвую спам-машину. Добавляем комментариями людей с почтой, а потом начинаем сообщениями рассылать им спам.
Ты не сильно преувеличиваешь?
1. Сильно сложно, зачем спамерам так заморачиваться?
2. Всегда можно отписаться.
3. Можно просить подтверждение — зайти на почту и кликнуть по ссылке не сложно.
4. Делать такое спамеру руками, без автоматизации — слишком трудно, а с автоматизацией можно бороться и самим спамом тоже.
Не вижу ничего такого в коде.
Да, проблема в чем-то другом. Смотри скрин: http://img692.imageshack.us/img692/6602/s20100608004340.png
При этом баг не постоянно проявляется, я сейчас перезагрузил страницу и стало всё нормально. Может, как-то зависит от последний комментарий с цитатой или без, а может от чего-то ещё.

bolk (bolknote.ru)
7 июня 2010, 21:16, ответ предназначен splurov.livejournal.com:

Ты не сильно преувеличиваешь?
Это было одной из причин, по которым я отключил комментарии на этом блоге на полгода (а то и больше, не помню). Я думаю, что можно было бы сделать отправку на мыло, если OpenID (через SRE) указывает это мыло.
Смотри скрин
Это скрин без бага, я правильно понимаю.

splurov.livejournal.com (splurov.livejournal.com)
7 июня 2010, 21:19, ответ предназначен bolk (bolknote.ru):

Это скрин без бага, я правильно понимаю.
С багом, смотри фаербаг и отступы у цитат в #48.

bolk (bolknote.ru)
7 июня 2010, 21:23, ответ предназначен splurov.livejournal.com:

Ага, спасибо! Попробую разобраться как время будет.

bolk (bolknote.ru)
8 июня 2010, 12:54

Достаточно ли им информации? Я пробовал из Chrome и Firefox, в хроме работает Adblock, в Firefox - нет. Не работает...
Ребята спрашивают какой логин.

Alexander Artemenko (svetlyak.ru)
9 июня 2010, 11:08

Тест широкой картинки:

Рыбацкая лодка (цвет)http://fotki.yandex.ru/users/alexander-artemenko/view/313796/?page=1

think-alike.livejournal.com (think-alike.livejournal.com)
10 июня 2010, 12:02

Ну-ка а панорамы:

Демерджиhttp://fotki.yandex.ru/users/andr-js/view/1706?page=1

bolk (bolknote.ru)
17 июня 2010, 15:34, ответ предназначен jankkhvej (jankkhvej.blogspot.com):

Ребята спрашивают какой логин.

olegakhmetov.ru (olegakhmetov.ru)
20 июня 2010, 00:51

Проверка...

olegakhmetov2.ru (olegakhmetov2.ru)
20 июня 2010, 00:52

Проверка-2...

ufasite.ru (ufasite.ru)
20 июня 2010, 01:00

Проверка-3... (опен-айди)

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)