Форумы на Хакер

Добро пожаловать! Это — архивная версия форумов на «Хакер.Ru». Она работает в режиме read-only.

Картинка - ссылка

Пользователи, просматривающие топик: none

Зашли как: Guest

Все форумы >> [Веб-программинг] >> Картинка - ссылка

Имя

Сообщение

<< Старые топики Новые топики >>

Картинка - ссылка - 2007-05-21 00:44:06.350000

slims01

Сообщений: 1
Оценки: 0
Присоединился: 2007-05-21 00:39:48.630000

Добрый день, уважаемые, подскажите пожалуйста может ли файл(картинка) jpg,bmp,gif быть ссылкой зама по себе
или может есть какиенить проги для того что бы слить картинку и ссылку

Post #: 1

RE: Картинка - ссылка - 2007-05-21 00:53:58.276666

FreX

Сообщений: 299
Оценки: 0
Присоединился: 2006-11-24 20:42:39.370000

Нет, не может. Разве, что swf

Post #: 2

RE: Картинка - ссылка - 2007-05-21 01:19:12.863333

bUgY

Сообщений: 1600
Оценки: 0
Присоединился: 2005-03-09 01:39:16

Можно уточнить что вы имели ввиду(может чего я не понял :))? ….а то вот наример www.site.ru/картинка.jpg …это ссылка на картинку :) …

Post #: 3

RE: Картинка - ссылка - 2007-05-21 02:58:51.713333

SaBo

Сообщений: 1089
Оценки: 0
Присоединился: 2005-02-17 20:16:54

Что имел ввиду аффтар???Вот, например, кнопка "Ответ" - это картинка, но в тоже время она является ссылкой…

Post #: 4

RE: Картинка - ссылка - 2007-05-21 06:23:36.530000

Lex_Voodoo

Сообщений: 7328
Оценки: 0
Присоединился: 2004-12-07 13:55:12

Долго пытался представить "проги для того что бы слить картинку и ссылку"
Повешать событие на клик можно с помощью JavaScript, так что в принципе всё возможно

Post #: 5

RE: Картинка - ссылка - 2007-05-21 07:42:28.640000

d0lph1n

Сообщений: 411
Оценки: 0
Присоединился: 2006-09-14 17:55:51.653333

Ппц, афтару хочется линк под картинку запихнуть, а вы тут ему JS и Flash советовать начинаете…

<a href="http://somesite.somedomain/"><img src="http://somesite.somedomain/image.gif" /></a>

Post #: 6

RE: Картинка - ссылка - 2007-05-21 08:57:53.183333

Lex_Voodoo

Сообщений: 7328
Оценки: 0
Присоединился: 2004-12-07 13:55:12

Так это картинка в ссылке. Аффтар же просит чтобы она была "сама по себе" ссылкой.

Post #: 7

RE: Картинка - ссылка - 2007-05-21 10:30:30.593333

Pupkin-Zade

Сообщений: 9398
Оценки: 1489
Присоединился: 2004-03-10 13:54:16

Легко!
Сделаю за 3 секунды картинку - ссылку

Post #: 8

RE: Картинка - ссылка - 2007-05-21 14:57:04.703333

Webkill

Сообщений: 606
Оценки: 0
Присоединился: 2007-05-06 06:59:04.066666

Автор тока начинает изучать html, по моему он не знает что такое <a href="http://somesite.somedomain/"><img src="http://somesite.somedomain/image.gif" /></a>.
slims01 может опишеш что ты хотел спросить по подробнее?

Post #: 9

RE: Картинка - ссылка - 2007-05-22 15:13:48.746666

d0lph1n

Сообщений: 411
Оценки: 0
Присоединился: 2006-09-14 17:55:51.653333

quote:

Так это картинка в ссылке. Аффтар же просит чтобы она была "сама по себе" ссылкой.

А ты всё буквально понимай… И в любом случае на с использованием JS картинка "сама по себе" ссылкой не будет.

Post #: 10

RE: Картинка - ссылка - 2007-05-22 19:58:56.356666

Webkill

Сообщений: 606
Оценки: 0
Присоединился: 2007-05-06 06:59:04.066666

Тогда может так:

quote:

<img src="картинка.gif" onClick="location.href='http:\\сайт.ru'>

Post #: 11

RE: Картинка - ссылка - 2007-05-24 08:11:17.480000

DigitalLogic

Сообщений: 13
Оценки: 0
Присоединился: 2007-05-24 02:23:21.446666

Konechno net. Razve chto kak yzhe kto to skazal SWF file v Flash zdelat. No y kogo Flash player na compe net oni ego prosto ne smogyt otkrit, on ili bydet kak ne zaregestrirovaniy file ili bydet v web browser otkrivatsa…
Ti bi luchshe skazal che pitaeshsya delat, togda mozhet chto to podskazhem.

Post #: 12

RE: Картинка - ссылка - 2007-05-28 20:31:59.570000

Webkill

Сообщений: 606
Оценки: 0
Присоединился: 2007-05-06 06:59:04.066666

quote:

Konechno net. Razve chto kak yzhe kto to skazal SWF file v Flash zdelat. No y kogo Flash player na compe net oni ego prosto ne smogyt otkrit, on ili bydet kak ne zaregestrirovaniy file ili bydet v web browser otkrivatsa…
Ti bi luchshe skazal che pitaeshsya delat, togda mozhet chto to podskazhem.

Ты это в какой кодировке писал, не понятно может у тя комп допотопный русский шрифт поставь!

Post #: 13

RE: Картинка - ссылка - 2007-05-29 00:27:06.410000

Krik99

Сообщений: 197
Оценки: 0
Присоединился: 2007-04-07 13:13:31.816666

Вот ответ на вопрос автора темы.
Тебе нужно написать вот такой код.
Создаёш HTML файл с следующим кодом:


 &lt;HTML&gt;
 &lt;a href="http://xakep.ru"&gt;&lt;img src="http://www.jpe.ru/gif/1/nb.gif" border="0"&gt;&lt;/a&gt; &lt;!--Нажав на эту картинку ты заходиш на заданный адрес сайта.--&gt;
 &lt;/HTML&gt;

Post #: 14

RE: Картинка - ссылка - 2007-06-02 11:58:44.740000

морская_травка

Сообщений: 10
Оценки: 0
Присоединился: 2007-06-02 10:51:16.916666

Офигеть, человек элементарное спрашивает, дык ему так залечили! [&:] Ес я че то то в этом роде спрошу… интересно сколько получу ответов, которые смогу понять )))))))

Post #: 15

RE: Картинка - ссылка - 2007-06-19 15:29:25.526666

MiFz

Сообщений: 2
Оценки: 0
Присоединился: 2007-06-19 15:21:19.306666

Уважаемые, подскажите новичку, как сделать так чтобы одна картинка делилась на участки, которые бы являлись ссылками… Тоесть при клике на определенные участки изображения открывались ссылки.
Сам пока использую Namo, может кто подскажет есть ли там такая функция?

Post #: 16

RE: Картинка - ссылка - 2007-06-19 16:38:29.310000

dx

Сообщений: 337
Оценки: 0
Присоединился: 2006-12-15 13:35:49.700000

http://www.htmlbook.ru/html/area.html

Post #: 17

RE: Картинка - ссылка - 2007-06-19 17:13:28.480000

MiFz

Сообщений: 2
Оценки: 0
Присоединился: 2007-06-19 15:21:19.306666

dx Огромное спасибо… [sm=dn.gif]

Post #: 18

RE: Картинка - ссылка - 2007-06-19 18:17:36.873333

Agent Smith

Сообщений: 976
Оценки: 0
Присоединился: 2007-04-10 21:56:49.593333

ТУПОСТЬ

Post #: 19

RE: Картинка - ссылка - 2007-06-21 23:56:33.686666

garison

Сообщений: 7
Оценки: 0
Присоединился: 2007-06-21 18:37:14.556666

Не ну ваще человек задал вопрос ушёл и не вирнулся:D

Post #: 20

RE: Картинка - ссылка - 2007-06-24 02:36:22.303333

Poison Man

Сообщений: 18
Оценки: 0
Присоединился: 2007-06-22 16:40:49.876666

Тут по ходу только WebKill ответил на вопрос автора.
<a href="адрес ссылки"><img="адрес картинки" alt="комментарий к картинке"></a>
[sm=af.gif]

Post #: 21

RE: Картинка - ссылка - 2008-09-26 15:06:52.960000

alex_sam

Сообщений: 2
Оценки: 0
Присоединился: 2008-09-10 20:10:48.633333

Видели фильм Хотабыч? Как он там слил иконку слива раковины с выходом в инет???

Post #: 22

RE: Картинка - ссылка - 2008-09-26 15:59:15.246666

AdReNaL1Ne

Сообщений: 8027
Оценки: 350
Присоединился: 2005-09-11 06:38:05

http://hottabych.net/articles/article007.htm

Post #: 23

RE: Картинка - ссылка - 2008-09-27 00:56:15.366666

magistr_bender

Сообщений: 977
Оценки: 0
Присоединился: 2008-02-22 20:10:21.133333

кстати если я правильно понял автора то именно с помощью экшена делается то что он хочет.. хотя думаю он имел ввиду именно вариант

<a href="http://xakep.ru"><img src="http://www.jpe.ru/gif/1/nb.gif" border="0"></a> и автар, незабывай ставить border=1 а то иначе лажа будет

а вообще по поводу хотабыча жжоте)

Post #: 24

RE: Картинка - ссылка - 2008-09-27 10:44:00.500000

_hel_

Сообщений: 103
Оценки: 0
Присоединился: 2008-07-09 16:00:40.600000

Думаю автор имел в виду mod_rewrite.
Преобразование имени "пустой" картинки по особому пути в ссылку к реальной картинке.
Эдакий ЧПУ, но используемый в целях сокрыть реальные пути к инфе.
Вот вам и картинка-ссылка, а не ссылка-картинка. :)

Post #: 25

RE: Картинка - ссылка - 2009-02-18 08:01:08.150000

McLotos

Сообщений: 1
Оценки: 0
Присоединился: 2009-02-18 06:37:33.223333

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

Вариант 1:
<table>
<tr><td>
<div onmouseover="document.getElementById('yux3').src='img/doc_activ.bmp';"
onmouseout="document.getElementById('yux3').src='img/doc_passive.bmp';"><img id=yux3 src="img/doc_passive.bmp">
</div></td></tr>
</table> (здесь не пойму как втавить ссылку. Подскажете? А в таблице, чтобы картинка реагировала только при наведении на неё, без таблицы получается что вся строка, занимаемая картинкой является активной.)

Вариант2:
<script language="JavaScript">
<!–
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if©
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// –>
</script>
<body onload="FP_preloadImgs(/*url*/'file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button4.jpg',/*url*/'file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button5.jpg')">

<p>
<img border="0" id="img1" src="file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button3.jpg" height="33" width="100" alt="Текст кнопки" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button4.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button3.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button5.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Пользователь/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button4.jpg')" fp-style="fp-btn: Soft Tab 1" fp-title="Текст кнопки"></p>  (здесь почему-что вместо ссылки открывается на месте этой картинки другая картинка, т.е. это картинка в картинке =) )

Вариант3:
<a href="http://my.site.ru/main.html" OnМousеОver="document.pic1.src='a.gif'" onMouseOut="document.pic1.src='b.gif'">
<IMG SRC="b.gif" BORDER=0 NAME="pic1">
</a> (вот здесь не знаю почему не срабатывает смена картинки, хотя всё остальное работает нормально.) *** Это самый важный скрипт. Желательно понять как работает именно он. Подскажите please.
Во Всех скриптах динамика картинки работает нормально до того момента, как к элементу прикрепляется адрес (ссылка)

Post #: 26

RE: Картинка - ссылка - 2009-02-18 11:15:54.743333

Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666

Решение для третьего варианта:

<a href="http://my.site.ru/main.html" onmouseover="document.getElementById('pic1').src='img2.gif'" - менять по id
onmouseout="document.getElementById('pic1').src='img1.gif">
<IMG SRC="img1.gif" BORDER=0 NAME="pic1" id="pic1"></a> - добавить id

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

<script language="JavaScript" type="text/javascript">
img = new Image();
img.src='img2.gif';
</script>

Post #: 27

RE: Картинка - ссылка - 2009-02-18 13:06:24.940000

azimzaim

Сообщений: 320
Оценки: 0
Присоединился: 2009-01-04 22:14:32.760000

В принципе ссылку именно в картинку запихнуть можно. Не забывайте о таком чудостном свостве как EXIF данные. Правда оно действительно только для JPG/JPEG формата. А запихнуть ссылку в картинку можно при помощи программы ACDSee. А вообще возможно множество вариантов ответов. Все зависит от того как эту картинку будете использовать.

Post #: 28

RE: Картинка - ссылка - 2009-04-30 19:11:09.416666

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

кто подскажет как собрать, вот у Cep}|{ взял это
<a href="http://my.site.ru/main.html" onmouseover="document.getElementById('pic1').src='img2.gif'"
onmouseout="document.getElementById('pic1').src='img1.gif">
<IMG SRC="img1.gif" BORDER=0 NAME="pic1" id="pic1"></a> - работае ссылка и меняется картинка при наведении, но когда убираешь мышь, обратно в исходную картинку не меняется, а очень надо!!!!!!!!!!!

у мнея был другой код

<img src="Stamp/1.gif"
onmouseover="this.src='Stamp/2.gif'"
onmouseout="this.src='Stamp/1.gif'">

- меняется картинка при наведении, убираю мышку обратно первая картинка, но беда куда ссылку вставить-то??????!!!!!!

и еще одна беда, есть такое

<tbody><tr>
<td align="center" background="Stamp/1.gif" height="56" width="99">Фотогалерея</td>
</tr>
<br /> </tbody></table>

- это надпись в центре картинки…

так вот что мне нужно собрать, нужно чтоб надпись была в центре картинки, была ссылка на другой хтмл, в этой же картинке, и еще чтоб эта картинка менялась при наведении на нее мышью, а когда убираешь все на своих местах обратно было!!! ВОТ! надеюсь объяснил что хочу… может кто поможет??? зарание спасибо!

Post #: 29

RE: Картинка - ссылка - 2009-04-30 20:10:52.573333

Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666

Обратно не меняется потому что не закрыта одинарная кавычка здесь:

quote:

onmouseout="document.getElementById('pic1').src='img1.gif">

quote:

так вот что мне нужно собрать, нужно чтоб надпись была в центре картинки, была ссылка на другой хтмл, в этой же картинке, и еще чтоб эта картинка менялась при наведении на нее мышью, а когда убираешь все на своих местах обратно было

Решается так:


 &lt;td align="center" background="Stamp/1.gif" onmouseover="this.style.backgroundImage='url(Stamp/2.gif)'" onmouseout="this.style.backgroundImage='url(Stamp/1.gif)'" height="56" width="99"&gt;Фотогалерея&lt;/td&gt;&nbsp;&nbsp;&nbsp;&nbsp;

Post #: 30

RE: Картинка - ссылка - 2009-05-03 12:58:35.116666

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

Спасибо Cep}|{ за ответ, ошибку исправил - всё работает, картинка возвращаеться на место и ссылка работает!

но предложенный вариант с надписью в центре картинки - не работает… надпись появилась, но картинка не меняется вообще, исходная картинка как была так и осталась… и ты еще забыл про ссылку, её в этом коде нет вообще, куда её тут подставить?? есть еще варианты? заранее спасибо! :)

Post #: 31

RE: Картинка - ссылка - 2009-05-03 17:13:31.940000

Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666

Должна менятся. Может с путями напутано…

А ссылка вставляется так:


 &lt;td align="center" background="Stamp/1.gif" onmouseover="this.style.backgroundImage='url(Stamp/2.gif)'" onmouseout="this.style.backgroundImage='url(Stamp/1.gif)'" height="56" width="99"&gt;&lt;a href="/адрес/"&gt;Фотогалерея&lt;/a&gt;&lt;/td&gt;&nbsp;&nbsp;&nbsp;&nbsp;

Post #: 32

RE: Картинка - ссылка - 2009-05-03 18:31:38.980000

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

Cep}|{ ОГРОМНЕЙШЕЕ СПАСИБО!!!!!!!!!!!!! Всё заработало! :D

Post #: 33

RE: Картинка - ссылка - 2009-05-03 21:17:48.030000

Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666

Да незачто ))

Post #: 34

RE: Картинка - ссылка - 2009-05-06 13:51:43.310000

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

Привет Cep}|{ !!! мог бы ты еще подсказать? есть такой вопрос как сделать вот для этого варианта
<a href="http://my.site.ru/main.html" onmouseover="document.getElementById('pic1').src='img2.gif'"
onmouseout="document.getElementById('pic1').src='img1.gif'">
<IMG SRC="img1.gif" BORDER=0 NAME="pic1" id="pic1"></a>

чтоб вместо всплывающей ссылки (Адрес: http://my.site.ru/main.html) на картинках, появлялась подсказка типа "фотогалерея". Заранее спасибо! :)

Post #: 35

RE: Картинка - ссылка - 2009-05-06 13:56:54.436666

Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666

Привет, alby. Вот так:


 &lt;a href="http://my.site.ru/main.html" onmouseover="document.getElementById('pic1').src='img2.gif'"  
  onmouseout="document.getElementById('pic1').src='img1.gif'" alt='Фотогалерея' title='Фотогалерея'&gt;  
  &lt;IMG SRC="img1.gif" BORDER=0 NAME="pic1" id="pic1"&gt;&lt;/a&gt;

Post #: 36

RE: Картинка - ссылка - 2009-05-06 14:03:08.010000

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

и еще :) к слову спрошу… многим я думаю интересно будут… можно еще к этому же варианту

<a href="http://my.site.ru/main.html" onmouseover="document.getElementById('pic1').src='img2.gif'"
onmouseout="document.getElementById('pic1').src='img1.gif'">
<IMG SRC="img1.gif" BORDER=0 NAME="pic1" id="pic1"></a>

прикрутить звук, чтоб при наведении на картинку появлялась подсказка и был звук типа клика???

извиняюсь, если уже достал :D

Post #: 37

RE: Картинка - ссылка - 2009-05-06 14:26:08.233333

Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666

Делал когда-то типа такого, но поддерживается только в IE, поэтому лучше на флэше это делать. Но это уже не ко мне.

Post #: 38

RE: Картинка - ссылка - 2009-05-06 14:34:25.040000

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

Ну и на том что есть СПАСИБО! :)

Post #: 39

RE: Картинка - ссылка - 2009-05-27 11:05:52.843333

alby

Сообщений: 8
Оценки: 0
Присоединился: 2009-04-30 18:58:39.230000

Cep}|{ Привет!

можешь еще подсказать? возвращаясь к варианту:

<a href="http://…….." onmouseover="document.getElementById('pic3').src='/knfot/svadba/6.png'"
onmouseout="document.getElementById('pic3').src='knfot/svadba/5.png'" alt='Татьяна и Алексей' title='Татьяна и Алексей'>
<IMG SRC="/knfot/svadba/5.png" BORDER=0 NAME="pic3" id="pic3"></a>
<a href="http://……….." onmouseover="document.getElementById('pic1').src='/knfot/svadba/2.png'"
onmouseout="document.getElementById('pic1').src='/knfot/svadba/1.png'" alt='Оксана и Руслан' title='Оксана и Руслан'>
<IMG SRC="/knfot/svadba/1.png" BORDER=0 NAME="pic1" id="pic1"></a>

Как должен выглядеть скрипт?
<sсriрt language="JavaScript" type="text/jаvаsсript">
img = new Image();
img.src='/knfot/svadba/6.png';
</sсriрt>

я его пишу сверху, на той же странице где и кнопки (картинки), а у меня потом выдает, на странице кнопки, а сверху написано "img = new Image(); img.src='/knfot/svadba/6.png'; " может я не то что-то пишу или не там? где его вообще писать-то, чтоб вторая картинка подгружалась быстрее??
зарании Спасибо! :)

Post #: 40

Страниц: [1] 2

Все форумы >> [Веб-программинг] >> Картинка - ссылка

Связаться:
Вопросы по сайту / xakep@glc.ru

Предупреждение: использование полученных знаний в противозаконных целях преследуется по закону.