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

aquafresh

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

<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';"
 
мне.. не ме разбрахте май..
Значи има една най-обикновенна картинка.. И като се сложи мишката върху нея мишката от ръчичка да се променя на лупа..
 
Не не става.. Както и да е аз вече се отказах , благодаря :lol:
 
ВИЖ БЕ БРАТЛЕ
няма нищо сложно, единствения ти проблем е, че лупата ти е снимка с png формат, докато за да я направиш да замества мишката трябва да е в cur формат...
следователно:
1. използвай някакъв конвертер, който да конвертира снимки png в курсори cur
2. задай на елемента върху който искаш да се показва лупата id или пък ако не е само един елемента им задай class вместо id
3. в css задай там на id-то или на class-а, зависи кое си ползвал, при hover да е с определения курсор...
пример:
Код:
.zoom:hover {
cursor: url(lupa.cur);
}
в примера всички елементи за зуумване ше са с class="zoom" и когато се мине с мишката над тях курсора ше става лупичката... (в примера наименована lupa.cur)
:?:
 
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)
:?:
Може и в .gif...
 

Горе