(Html) Podświetlanie Grafiki


(michalmw) #1

Witam,

Robię na stronie intro. - 3 grafiki:

1 2 3

Chciałbym żeby jak najedziesz myszka na np.1 to sie zmienia grafa na jaśniejszą :).. ale nie mam pojęcia jak to zrobic.. Prosze o pomoc..


(master of disaster) #2

to jest tzw. efekt rollover

w js

onmouseover="rov.src='grafika2.gif'" 

onmouseout="rov.src='grafika1.gif'">



[/code]

lub w css

http://webmade.org/porady/efekt-rollover-css.php

Pozdrawiam


(michalmw) #3

mam pytanie a jakos js musze przekierowac do html? czy poprostu tworze plik dodatkowy?? Nie rozumiem :)... Mógłbys jakos bliżej wytłumaczyc? Dzieki


(master of disaster) #4

Jak masz grafikę na stronie to ten skrypt co Ci podałem zamiast

[/code]


wklejasz ten skrypt:

[code] onmouseover="rov.src='1podswietlone.gif'" onmouseout="rov.src='1.gif'"> punkt

I tyle nie musisz nic robić, tworzyć oddzielnych plików, bo to jest malutki skrypt :slight_smile:

Pozdrawiam


(michalmw) #5

Skrypt super, wymiata.. ale mam pewien problem... jak użyje go na 2 grafikach to nie działa.. wklejam kod 2 krotnie i nic.. Wiesz może dlaczego?


(Jacek705) #6
onmouseover="rov2.src='2podswietlone.gif'"

    onmouseout="rov2.src='2.gif'">



[/code]

nazwy w JS też musisz zmienić