Как сделать кликабельную превьюшку для картинки на хабрасторадже?

Question

[Seekeer]

Собственно, вопрос весь в заголовке. На ум сразу приходит ручной способ — залить две версии картинки и всё делать вручную, но это долго и нудно. Может, кто нить знает другой способ, который позволит быстрее это сделать?

Answer 1

[bad_guy]

1 — залили картинку
2 — получили оформленный адрес на неё
3 — выцепили адрес картинки, например

http://habrastorage.org/storage2/054/a6c/ccb/054a6cccbde13fc8f524b49a6f908b49.jpeg

4 — превьюшка по адресу

http://habrastorage.org/<b>cropped2</b>/054/a6c/ccb/054a6cccbde13fc8f524b49a6f908b49.jpeg

, либо скопировать адрес со страницы загрузки
5 — формируем html код вида

<a target='_blank' href='линк_на_полную'><img src='линк_на_превью'></a>

Не самый быстрый(хотя кому как), но явно лучше «залить две версии картинки»:)

Comments

[Seekeer]

Спасибо. Странно, что хабрасторадж сам такой код не отдаёт.
Кстати, хорошая идея для плагина:)

Answer 2

[Артур Кох]

<img width="400" style="width="400"" src="src">

не работает. Следовательно только ваш вариант.

Comments

[Артур Кох]

Кавычка лишняя.

[Артур Кох]

Точнее так :)

<img width="400" style="width:400" src="src">

[Артур Кох]

Ну и px.

Доброе утро, я проснулся)

[Артём Цыплаков]

Эк тебя))))

[Артур Кох]

Да вообще)

[Seekeer]

Что-то вы меня запутали%) Ваш вариант рабочий или нет?
Попробовал так: — не вышло.

[Артур Кох]

Не рабочий.

[Seekeer]

тьфу ты, вот так:

<img width="100px" style="width:100" src="src"/>

[Артур Кох]

Правильно было бы перенести «px» в style, но тоже не работает.