Като се мине с мишката тя да се променя..

[aquafresh]

Как да направя като се мине с мишката върху определена картинка , тя да се променя. В случея ми трябва за увеличаване. Демек да става на лупа..
Ето я картинката

 

[federer_11]

Примерно:

<img src="http://prikachi.com/files/861552Y.png" width="150" height="100" name="image_name"
onmouseover="image_name.width='300';image_name.height='200';"
onmouseout="image_name.width='150';image_name.height='100';"

 

[aquafresh]

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

 

[emagi]

style.css:

#emagi {
cursor:url('lupa.gif');
}

file.html

<img src='snimka.jpg' id='emagi' border='0' alt='' />

 

[aquafresh]

Ммм нещо нищо не става :roll:

 

[FestarBG]

.wiki {width: 200px; height: 200px;}
.wiki:hover {cursor : url("lupa.cur");}

<div class="wiki">wiki</div>

 

[aquafresh]

Не не става.. Както и да е аз вече се отказах , благодаря :lol:

 

[DeathGuard_]

.lupa{
cursor: url("lupata.gif"),default;
}

<a class="lupa"><img src="ne6o.jpg"></a>

 

[Liberate]

ВИЖ БЕ БРАТЛЕ
няма нищо сложно, единствения ти проблем е, че лупата ти е снимка с png формат, докато за да я направиш да замества мишката трябва да е в cur формат...
следователно:
1. използвай някакъв конвертер, който да конвертира снимки png в курсори cur
2. задай на елемента върху който искаш да се показва лупата id или пък ако не е само един елемента им задай class вместо id
3. в css задай там на id-то или на class-а, зависи кое си ползвал, при hover да е с определения курсор...
пример:

.zoom:hover {
cursor: url(lupa.cur);
}

в примера всички елементи за зуумване ше са с class="zoom" и когато се мине с мишката над тях курсора ше става лупичката... (в примера наименована lupa.cur)
:?:

 

[DeathGuard_]

ВИЖ БЕ БРАТЛЕ
няма нищо сложно, единствения ти проблем е, че лупата ти е снимка с png формат, докато за да я направиш да замества мишката трябва да е в cur формат...
следователно:
1. използвай някакъв конвертер, който да конвертира снимки png в курсори cur
2. задай на елемента върху който искаш да се показва лупата id или пък ако не е само един елемента им задай class вместо id
3. в css задай там на id-то или на class-а, зависи кое си ползвал, при hover да е с определения курсор...
пример:

.zoom:hover {
cursor: url(lupa.cur);
}

в примера всички елементи за зуумване ше са с class="zoom" и когато се мине с мишката над тях курсора ше става лупичката... (в примера наименована lupa.cur)
:?:

Може и в .gif...