• Авторизация


hlp 30-07-2010 03:02 к комментариям - к полной версии - понравилось!


Помогите пожалуйста! Я сделала картинку со ссылками с помощью урока, она открывается только в htlm формате. Мне нужно загрузить её в радикал чтобы получить код, но я не могу. Что мне нужно сделать чтобы перевест её в формат jif или jpg чтобы она при этом кликбальные части работали??

вверх^ к полной версии понравилось! в evernote
Комментарии (5):
probably_maybe 30-07-2010-03:56 удалить
Вы что-то путаете. давайте попробуем разобраться. для того, что бы картинка была кликабельна, т.е. работала как ссылка, абсолютно без разницы, в каком она формате. это просто совершенно обычная картинка. любая. то есть Вам нужно сохранить Вашу картинку тем же способом, что Вы сохраняете любые другие. а что бы она стала ссылкой, просто добавить ее в код. совсем в примитивном виде это будет выглядеть как < a href="адрес странички, куда ведет ссылка" > < img src="адрес картинки"> < /a > без пробелов. ну, например: [показать]
probably_maybe 30-07-2010-03:57 удалить
в моем примере картинка взята из аватаров сообщества, а ссылка ведет на Ваш пост. ну еще прописано, что бы открывалось в отдельном окне)
Ответ на комментарий probably_maybe # ух спасибо, оказалось, что всё очень просто так))
п.с. а если,например, картинка очень большая и в её разных местах должно быть несколько таких кликбальных частей?
probably_maybe 31-07-2010-12:27 удалить
тогда немножко сложнее. Вам надо создать "карту" изображения, где каждая кликабельная область будет указана в коде координатами. легче привести пример, чем объяснить. вот смотрите, у меня в дневничке эпиграф именно так построен, код следующий: < img name="logo11" src="http://img0.liveinternet.ru/images/attach/b/2/23/973/23973445_logo11.jpg" width="100%" height="170" border="0" id="logo11" usemap="#m_logo11" alt="" /> адрес изображения и usemap тег указывает, что это не просто картинка, это не обязательный атрибут, просто браузер будет грузить его (изображение) в первую очередь, а не как обычную картинку, по мере поступления. с современными скоростями интернета это практически не важно) < map name="m_logo11" id="m_logo11" > идентификатор картинки-карты. < area shape="rect" coords="596,141,685,169" href="http://meteoinfo.ru/forecasts5000/russia/moscow-area/moscow" target="_blank" alt="" /> а вот это и последующие подобные теги - описание кликабельной зоны и ссылка. "area shape="rect" coords="596,141,685,169" -здесь указано, что зона ссылки прямоугольная и перечислены ее относительные координаты от верхнего левого угла и нижнего правого в пикселях. < area shape="rect" coords="456,139,540,165" href="http://psvideo.mylivepage.ru/" target="_blank" alt="" /> < area shape="rect" coords="309,140,376,166" href="http://et2.mylivepage.ru/" target="_blank" alt="" /> < area shape="rect" coords="164,139,253,169" href="http://probably.nnm.ru/" target="_blank" alt="" /> < area shape="rect" coords="34,141,115,169" href="http://www.lastfm.ru/user/whyte_pony/" target="_blank" alt="" /> < /map>закрывающий тег


Комментарии (5): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник hlp | УРОКИ_ФОТОШОПА - ...фотошоп-моя жизнь... | Лента друзей УРОКИ_ФОТОШОПА / Полная версия Добавить в друзья Страницы: раньше»