fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Van egy nagyon jó css kódom...

Van egy nagyon jó css kódom (egérmozgásra változó kép), de csak egyszer használhatom egy oldalon belül, mit tegyek? (lent)

Figyelt kérdés

Van egy kód, amivel ha a képre vsizem az egeret, egy másik kép jelenik meg, és mint leviszem róla, újra az eredeti kép lesz az.


Ezt a kódot egy oldalon belül csak egyszer engedi használni, mi a megoldás?


Itt a kód:


<a href="http://scriptcenter.hu" onMouseOver= "if (document.images) document.pixelbutton.src='http://pics3.inxhost.com/images/sticker.gif';" onMouseOut= "if (document.images) document.pixelbutton.src= 'http://www.scriptcenter.hu/images/banners/pixelbutton.png';"><img src="http://www.scriptcenter.hu/images/banners/pixelbutton.png" name=pixelbutton border=0></a>


2011. aug. 28. 19:48
 1/7 anonim ***** válasza:
Ez nem javascript + html? Mire kell az if(document.images) elágazás?
2011. aug. 28. 20:29
Hasznos számodra ez a válasz?
 2/7 anonim ***** válasza:

Ez JavaScript! De ha már itt tartunk egyszerűbb lenne TÉNYLEGES CSS kóddal megoldani a képváltást.

[link]

2011. aug. 28. 20:56
Hasznos számodra ez a válasz?
 3/7 sas15 ***** válasza:

1 ez egyáltalán nem css

2 ez ahogy látom csak chrome-on megy

3 if (document.images)??? ez minek?

2011. aug. 28. 20:58
Hasznos számodra ez a válasz?
 4/7 A kérdező kommentje:

Sziasztok!


1. Sajnálom, nem tudtam hogy nem css, nem értek annyira a szkriptekhez :)

2. Az if documentes dolgot én sem értem, ezt az egész kódot egy oldalról szedtem le.

3. Kérlek szépen titeket, segítsetek nekem, és írjátok le a kódot helyesen, mert én már 2 napja küszködök azzal, hogy sikerüljön, de sehogy nem tudom működésre bírni.

4. Ezen az oldalon mit kell csinálnom? [ [link]


Köszönöm szépen, hogy segítetek!

2011. aug. 29. 00:05
 5/7 sas15 ***** válasza:

azon az oldalon van a megoldás ha tényleg css-el akarod megcsinálni


<a href="http://scriptcenter.hu" onMouseOver="document.pixelbutton.src='http://pics3.inxhost.com/images/sticker.gif';" onMouseOut="document.pixelbutton.src='http://www.scriptcenter.hu/images/banners/pixelbutton.png';"><img src="http://www.scriptcenter.hu/images/banners/pixelbutton.png" name="pixelbutton" id="pixelbutton" border=0></a>


ja és ha nem értesz a szkriptekhez hanyagold...

ez a kód csak chrome-on működik....legalábbis nekem

2011. aug. 29. 00:56
Hasznos számodra ez a válasz?
 6/7 sas15 ***** válasza:
ha még ez után is gondod van akkor azért mert a képek nem léteznek
2011. aug. 29. 00:58
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:

Kezdjük azzal, hogy képcserét nem lehet CSS-ben megoldani, csak háttérképcserét lehet benne végezni, egyébként ugyanazt a hatást tudod vele elérni mint JavaScripttel.

Háttérképcsere CSS használatával:

#kep{

background:url(kep1.png) no-repeat;

}

#kep:nover{

background:url(kep2.png) no-repeat;

}

Képcsere JavaScript használatával:

[link]

2011. aug. 29. 09:41
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!