Motanel Tutorials


 
AcasaAcasa  RegulamentRegulament  FAQFAQ  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  

Alta imagine la trecerea cursorului peste ea.


Navigare :: HTML (HyperText Markup Language)
AutorMesaj
 Rylled
avatar
Rang: Fondator

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Alta imagine la trecerea cursorului peste ea. Mier 30 Sept 2009 - 23:30
Poate cã va-ţi sãturat de Flash-uri greu de realizat sau cod-uri CSS care nu prea merg în pagini htm sau html.
Ştiu cã unii dintre voi, atunci când faceţi un index personalizat sau pur şi simplu doriţi ca atunci cand treceţi cursorul peste o imagine sã se schimbe cu alta, iar când dai click pe ea sã te redirecţioneze cãtre altã paginã sau nu toate astea fãrã sã folosiţi un script sau cod CSS.

Ceea ce vã prezint eu mai jos poate fi postat pe forum într-un comentariu astfel incat imaginea sã se schimbe cu trecerea cursorului peste ea. Şi asta nu este tot; acest cod merge pus şi ca semnaturã.

Mai jos am douã exemple:
Un cod, care atunci când dai click pe imagine sã te redirecţioneze cãtre site-ul pus de tine.
Şi un cod unde pur şi simplu imaginea se schimbã fãrã sã fii redirecţionat cãtre alt site.


Acesta este primul cod care conţine link (URL)


Exemplu:
Observaţi în partea stângã imaginea. Dacã treceţi cursorul peste ea, va apãrea a doua imagine care este una coloratã faţã de cea alb-negru. Iar dacã daţi click pe ea vã va redirecţiona cãtre altã paginã
Cod:
<a href="URL"><img border="0"src="LINK IMAGINE 1" onmouseover="this.src='LINK IMAGINE 2';" onmouseout="this.src='LINK IMAGINE 1';" /></a>

Acesta este al doilea cod care nu conţine link (URL)


Exemplu

Observaţi în partea dreaptã imaginea. Dacã treceţi cursorul peste ea, va apãrea a doua imagine care este una coloratã faţã de cea alb-negru. Iar dacã daţi click pe ea nu vã mai redirecţioneazã cãtre altã paginã.
Cod:
<img border="0"src="LINK IMAGINE 1" onmouseover="this.src='LINK IMAGINE 2';" onmouseout="this.src='LINK IMAGINE 1';" />
[/font][/b]


Ultima editare efectuata de catre Motanel in Dum 15 Noi 2009 - 0:06, editata de 4 ori



Copyright © 2013 - Toate drepturile rezervate
Design creat si codat de Alexandru Miron si Stefan Patrascu