Pereiti prie turinio

Del html

MatasR

Sukūrė MatasR
Tinklalapių kūrimas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

MatasR

MatasR 289

Sukurta
Sukurta

Taigi, nezinau kaip padaryti, ish viso nezinau ar ymanoma su html padaryti kad uzhvedus ant paveiksliuko, jy pakeistu kitas paveiksliuas. Nezinau ar su html yanoma nes su css nemoku shito padaryti, zinau kad yra":hover" bet kazhkaip dar per mazai zinau ir nepavyksta. Tai va, reikia pagalbos: gal kas zinot kaip turetu atrodyti html kodas kad 1image kai uzhvedi pelyte pakeistu kitas...

Zinau toky koda, bet nezinau ka reik rashyt kad vietoj $ butu kito paveiksliuko src:

 

<a href="http://uzdarbis.lt"><img src="images/belekas.png" border=0 onmouseover=$></a>

 

 

Taigi reikalinga pagalba, arba koks nors kitas kodas.

Aciu, kas pades, tam +

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Flow

Flow 146

Atrašyta
Atrašyta
Taigi, nezinau kaip padaryti, ish viso nezinau ar ymanoma su html padaryti kad uzhvedus ant paveiksliuko, jy pakeistu kitas paveiksliuas. Nezinau ar su html yanoma nes su css nemoku shito padaryti, zinau kad yra":hover" bet kazhkaip dar per mazai zinau ir nepavyksta. Tai va, reikia pagalbos: gal kas zinot kaip turetu atrodyti html kodas kad 1image kai uzhvedi pelyte pakeistu kitas...

Zinau toky koda, bet nezinau ka reik rashyt kad vietoj $ butu kito paveiksliuko src:

 

<a href="http://uzdarbis.lt"><img src="images/belekas.png" border=0 onmouseover=$></a>

 

 

Taigi reikalinga pagalba, arba koks nors kitas kodas.

Aciu, kas pades, tam +

 

<a href="" onmouseover="image.src='images/home_h.jpg'" onmouseout="image.src='images/home.jpg'" ><img src="images/home.jpg" name="image" /></a>

Nuoroda į pranešimą
Dalintis kituose puslapiuose
vmakas

vmakas 76

Atrašyta
Atrašyta

Čia jau nebe HTML, o JavaScript, dar galima su CSS padaryti:

 

<html>
<head>
	<style type="text/css">

		a div {

			width: 135px;
			height: 101px;
			background-image: url(http://tbn3.google.com/images?q=tbn:jqoTbUcvBtzdNM:http://www.huddletogether.com/projects/lightbox2/images/image-2.jpg);
			border: 1px #adadad solid;

		}
		a:hover div {

			background-image: url(http://tbn0.google.com/images?q=tbn:35-0DVJPYo5aUM:http://www.info.lt/greeting/images/card_image_633.jpg);

		}

	</style>
</head>
<body>
	<a href="#"><div></div></a>
</body>
</html>

 

Šiek tiek skubėjau, bet rodos veikia, nors lengviau prisitaikyti yra JS.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
MatasR

MatasR 289

Atrašyta
  • Autorius
Atrašyta (redaguota)

Taigi, katik pabandziau flow koda ir kazhkas nepavyko. 

				<a href="http://google.com" onmouseover="image.src='http://www.ipix.lt/images/82453325.png'" onmouseout="image.src='http://www.ipix.lt/images/65329484.png'"><img src="http://www.ipix.lt/images/65329484.png" name="image" border="0"></a>				
			<a href="http://google.rus" onmouseover="image.src='http://www.ipix.lt/images/70473459.png'" onmouseout="image.src='http://www.ipix.lt/images/46144992.png'"><img src="http://www.ipix.lt/images/46144992.png" name="image" border="0"></a>

O kai pakeiti viena raide y kita... Tada ishviso nebesuprantu kas darosi...

<a href="http://google.com" onmouseover="image.src='http://www.ipix.lt/images/82453325.png'" onmouseout="image.src='http://www.ipix.lt/images/65329484.png'"><img src="http://www.ipix.lt/images/65329484.png" name="image" border="0"></a>				
			<a href="http://google.rus" onmouseover="image.src='http://www.ipix.lt/images/70473459.png'" onmouseout="image.src='http://www.ipix.lt/images/46144992.png'"><img src="http://www.ipix.lt/images/46144992.png" name="viena_raide" border="0"></a>

Taigi, prasau tu kas zino kad paaishkintu kas cia per velniava ir kaip ja spresti, kas pades tam +

Redagavo bataslt
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Flow

Flow 146

Atrašyta
Atrašyta (redaguota)

Kad veiktų skirtingiem img reikia skirtingus name priskirti, o ne abiem tokį patį.

<a href="http://google.com" onmouseover="eng.src='http://www.ipix.lt/images/82453325.png'" onmouseout="eng.src='http://www.ipix.lt/images/65329484.png'"><img src="http://www.ipix.lt/images/65329484.png" name="eng" border="0"></a>				
			<a href="http://google.rus" onmouseover="ru.src='http://www.ipix.lt/images/70473459.png'" onmouseout="ru.src='http://www.ipix.lt/images/46144992.png'"><img src="http://www.ipix.lt/images/46144992.png" name="ru" border="0"></a>

Redagavo Flow
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Časas T

Časas T 12

Atrašyta
Atrašyta

<script type="text/javascript">

var a = new Image(); a.src = 'images/img.png';

var b = new Image(); b.src = 'images/img-hover.png';

</script>

 

<a href="#" onmouseover="document.images['vardas'].src='images/img-hover.png';" onmouseout="document.images['vardas'].src='images/img.png';"><img src="images/img.png" name="vardas" width="118" height="62" border="0" alt=""/></a>

 

tikrai veikia :D

Nuoroda į pranešimą
Dalintis kituose puslapiuose
north

north 1.517

Atrašyta
Atrašyta

Nesuprantu, kaip gali nebut linko.. ;D Ar tu nori, kad uzvedus pele pasikeistu ne tik img, bet ir linkas(cia jau butu pornografija).. Gi vmakoposte viskas parasyta aiskiai nesuprantu kuo tau ten netinka.. JS slamstas ji kisk tik tais atvejais, kai nera alternatyvos..

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...