Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy lehet ezt htmlben megoldani?

Hogy lehet ezt htmlben megoldani?

Figyelt kérdés
Van egy képem és ha ráviszem a kurzort akkor az kezdjen el mozogni, mint pl egy gif.

2013. jún. 23. 14:16
 1/8 anonim ***** válasza:

Szimplán html használatával nem lehet megoldani.


html:


<div id="picture">

</div>


css:


#picture{

width:100px;

height:100px;

background:url(allokep.gif) no-repeat;

}

#picture:hover{

background:url(mozgokep.gif) no-repeat;

}

2013. jún. 23. 14:33
Hasznos számodra ez a válasz?
 2/8 anonim ***** válasza:

Csakhogy a kérdező nem egy gifet akar felhasználni hanem egy szimpla képet aminek mozognia kellene.


Nem tudom pontosan mire gondoltál de ez talán segít:

[link]

2013. jún. 23. 16:19
Hasznos számodra ez a válasz?
 3/8 anonim ***** válasza:

De a kérdező nem is arra, gondolt, amit te linkeltél ("mozogni, mint pl egy gif"). A jQuery animate() függvényével te nem fogod egy kép tartalmát, animálni.


Egyetlen egy képkockából soha nem lesz animáció.


Ha egy animált képet akar hoverre indítani, akkor a fent írt megoldásom teljesen jó.


Egy képkockából álló képből nem lesz animált kép.


Ha mondjuk jQuery animate() függvénnyel pl odébb tolsz egy img objektumot, attól még nem a képet animálod.


Egyébként a kérdés elég deficites.

Kérdező! Pontosíthatnál a kérdéseden.

2013. jún. 23. 19:29
Hasznos számodra ez a válasz?
 4/8 anonim ***** válasza:
megoldható, js-el fogod és a gif-eket kicseréled canvas -ra, amibe betöltöd a gifet. a canvasban a gif nem animálódik, mouseover -re pedig a canvas-t visszacseréled <img> tag-re.
2013. jún. 24. 11:41
Hasznos számodra ez a válasz?
 5/8 A kérdező kommentje:

Na akkor pontosaítok.


Van egy gif képem, ami ne mozogjon csak akkor hogyha a kurzort ráviszem.

2013. jún. 24. 16:37
 6/8 anonim ***** válasza:
Akkor #1 és #3 a megoldás, választhatsz
2013. jún. 24. 16:41
Hasznos számodra ez a válasz?
 7/8 anonim ***** válasza:
mármint #1 és #4
2013. jún. 24. 16:41
Hasznos számodra ez a válasz?
 8/8 anonim ***** válasza:

Ez jó lehet neked

[link]

2013. jún. 25. 20:52
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




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!