Rollover images

[houslex]

Здравейте,

чета тука чета цял ден днес и ... нищо не излиза.. та .. мисля че май това е невъзможно и за това реших да се допитам до вас.

Опитвам се да направя Rollover image (като мине мишката през дадено image и да зарежда друго подобно) иии не мога да го направя... проблем ми е, че снимките са в нета, а на мястото където е самата html страница.. демек имам source само с линк и незнам как да напиша кода ... копирах от тук от там.. слагах.. мъдрих .. и не мога.. за това моля за помощ, вас вещите в тази област. Супер ще съм щастлив ако някой го надраска за 2мин и ми го копи тука с ... LINK1 и LINK2 които да са source-овете на images.

Мерси предварително, ако е твърде лесно свържете с мен по icq или skype

skypename: lexxxxxx1755
ICQ №: 225-262-884


Мерси много предварително и вашият форум разглеждах за подобна тема но намерих за това пуснах таката.

Поздрави.

 

[mute]

http://web-tourist.net/login/login/view.php?st=1112
ето това е урок
ако неискаш картинката да е линк ще ти пренапиша кода

 

[houslex]

Честно казано... ми трябва за myspace.com там се пишат коментари в html code и искам да напиша коментар с една снимка която се сменя с друга като се мине покрай нея. и двете images обаче са на друг сървър.. изобщо на друго място в нета...

добре ето ми лнковете

1. http://vsi4komoe.hit.bg/rollover/00.png

2. http://vsi4komoe.hit.bg/rollover/01.png


Какво правим сега?

 

[mute]

ето ти кода и демо http://livingtoloveyou.net/teams.php
<html>
<head>
<title>RollOver Image-®Photsohop-bg.com®</title>
<style type="text/css">
a.roll {
display:block;
width:в зависимост от картинката;
height:в зависимост от картинката;
background:#fff url(http://vsi4komoe.hit.bg/rollover/01.png) no-repeat;
overflow:hidden;
cursor:link;
}
a.roll img {
visibility:hidden;
}
a.roll:hover {
background:0;
}
a.roll:hover img {
visibility:visible;
border:0;
}
</style>
</head>
<body>
<a class="roll" href="#" ><img src="http://vsi4komoe.hit.bg/rollover/00.png" alt="" width="248px" height="213px" border="0" /></a>
</body>
</html>

 

[houslex]

Добре а на CSS код как става?

a.roll {
display:block;
width:в зависимост от картинката;
height:в зависимост от картинката;
background:#fff url(път до картинката) no-repeat;
overflow:hidden;
cursor:link;
}
a.roll img {
visibility:hidden;
}
a.roll:hover {
background:0;
}
a.roll:hover img {
visibility:visible;
border:0;
}


тук къде посочвам линка на втората картинка?