Bun venit pe Forumul Andrei

Daca vezi aceasta pagina inseamna ca nu ai cont sau nu esti logat.
Daca doresti doar sa vizualizezi forumul poti apasa pe "x-ul" din dreapta si acesta imagine nu va mai fi afisata.

Pentru o vizualizare cat mai buna a acestui forum recomandam
8
Va uram o zi buna in continuare si o navigare cat mai placuta pe acest forum !


   
AcasaSustineFAQInregistrareConectareCautareCalendar
Twitter



Alta imagine la trecerea cursorului peste ea.

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 Motanel
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Alta imagine la trecerea cursorului peste ea. Mar Dec 01, 2009 10:55 pm  
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)


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]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';" />
 George130
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Alta imagine la trecerea cursorului peste ea. Vin Oct 29, 2010 10:41 am  
Felicitari pentru tutorial foarte folositor.

*Scrie romaneste
*Sterg mesajele inutile sau scrise cu CAPS
*Nu fa spam
*Linkurile relevante în context sunt binevenite.

Transferul se face din contul dumnevoastra de Paypal




Copyright © 2008-2014 Forumul Andrei. Toate drepturile rezervate. Termeni si conditii
Aspect creat si codat de Alexandru Miron & Nick

.