Reikia paaiškinimo [Skubu]

[wilqazz]

 Taigi taip atsitiko, kad kuriant mokyklai tinklapį iškilo neaiškumu. Darau galerija, ją paimiau iš kažkokio puslapio ir yra kelios komandos kurių nesuprantu. Ko nesuprantu nuotraukoje pabraukta juodai. Java script nėra tik html ir css.

 

[Andrius P.]

Tipo kai užvesi pele padidins ar paryškins, o gla net parodys, nežinau funkcijos, bet turi užvesti pele.

[wilqazz]

O kaip įvyksta tas procesas? Dėl ko veikia. Ten yra kaip čia pavadint ekrane tie du ekranai (div) Vienas nuotraukos o kitas langas kur užvedus pele ant nuotraukos per visa langa atsidaro nuotrauka. Kodėl visa tai vyksta?

Pas mane šita http://html-tuts.com/demo/photo_gallery/

[DeFine]

Nueik į CSS failą ir ten susirask "onmouseover", visa tai daro CSS'as, ten ir koreguotis viską galėsi.

[wilqazz]

Va ta tame ir esme jei būtu tai css faile suprasčiau, o dbr nesuprantu.

}
				.thumbnails img {
				height: 80px;
				width: 80px
				border: 4px solid #555;
				padding: 1px;
				margin: 0 10px 10px 0;
			}

				.thumbnails img:hover {
				border: 4px solid #00ccff;
				cursor:pointer;
			}

				.preview img {
				border: 4px solid #444;
				padding: 1px;
				width: 800px;
				height: 400px;

[WolfStreet]

Nueik į CSS failą ir ten susirask "onmouseover", visa tai daro CSS'as, ten ir koreguotis viską galėsi.

CSS has nothing to do with HTML events...

 

 

 

onmouseover="" įvykis vykdo skriptą, kai pelės žymeklis užeina ant elemento.

Tau reikia skripto, kuris pakeistų div tag'o su klase "preview" nuotrauką į pelės žymeklio užvesto img elemento nuotrauką.

 

Šis JavaScript (labiau jQuery, bet vadink kaip nori) kodas turėtų suveikti:

 

<script type="text/javascript">
    $(function(){
        $('.thumbnails img').hover(function(){
            $('#preview').attr('src',$(this).attr('src'));
        }, null);
    });
</script>

Įdėk šias kodo eilutes prieš </body> tag'ą.

 

Taip pat tau reikia jQuery bibliotekos savo svetainėje. Įdėk šią kodo eilutę prieš jQuery skriptą:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Ir pakeisk visų elementų name atributus į id atributą. "name" atributas naudojamas formose, kad su PHP kalba galėtum išgauti laukelių reikšmes ir t.t.. Tai pavyzdžiui, jeigu img elementas buvo toks...

<img onmouseover="preview.src=img1.src" name="img1" src="img/img1.jpg" alt="">

...tai pakeistas turėtų atrodyti taip...

<img onmouseover="preview.src=img1.src" id="img1" src="img/img1.jpg" alt="">

Na ir dar šis tas.  Panašu, kad pas tave div tag'as su klase "thumbnails" nėra uždarytas.

 

Jeigu vistiek problema neišsisprendė, mestelk savo skype ir sutvarkysim.

Redaguota Gegužės 12, 2015, nario DamnedWolf

[wilqazz]

Dq