Как сделать код-сноску к картинке?

Среда, 04 Января 2012 г. 15:40 + в цитатник

Цитата сообщения _LexIncorp_

Прочитать целиком В свой цитатник или сообщество!

Как сделать код-сноску к картинке? (поставить картинку с кодом и т.п.)

Есть у нас картинка. Например, из поста 50 -1 Изумительных Цифровых Портретов

Ее адрес: //img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg . А мы хотим "дать" код на нее внизу, под ней же. Вот так:<img alt="Цифровой Портрет" title="Цифровой Портрет Девушки" src="//img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg" >

в простом (!) редакторе пишем:
не забываем отключить автоматический перевод URL в ссылку.

<img alt="Цифровой Портрет" title="Цифровой Портрет Девушки" src="//img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg" >
<textarea rows="3" cols="50" readonly><img alt="Цифровой Портрет" title="Цифровой Портрет Девушки" src="//img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg" ></textarea>

это код на саму картинку и код под ней.
textarea - область с кодом. rows - количество строк в ней, cols - столбцов (символов в строке)
readonly - чтобы случайно пользователь не изменил код и не перезагружал страничку.
внимание! если ссылка сама переводится несмотря на отсуствие галочки, то жмем редактировать и в простом режиме удаляем коды [url]
Если цитируете, то тоже отключайте перевод URL в ссылки!

и мини-анонс: надеюсь, в выходные напишу пост про Orbit Downloader, как и обещал Мише (aka LiLuMi)