Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy leeht azt megcsinálni,...

Hogy leeht azt megcsinálni, ha egy képre rámutatok, akkor jelenjen meg teljes méretben és közben az oldalam ne csússzon el?

Figyelt kérdés

<img src="http://OLDALAMCIME/foto.png" style="width: 100px; height: 100px;" onmouseover="this.style.width=783 + 'px'; this.style.height=554 + 'px';" onmouseout="this.style.width=180 + 'px'; this.style.height=127 + 'px';">



Ez nem lenne rossz, de sajna az egész oldal elcsúszik.



Olyasmi kellene, mint ez http://www.digitalia.be/demo/slimbox/ csak ne kattintásra, hanem ha ráviszem a kurzort.



2012. júl. 19. 20:47
 1/2 Drone007 ***** válasza:

Célszerűbb lenne onmouseoverre újra meghívni a képet, vagyis inkább egy blokk-képességű elemben meghívni, mondjuk div-ben, ami absolute pozicionálású.

pl:

<div id="bigpic" style="position: absolute; display: hidden;" onmouseout="this.style.display = 'none';"></div>

<img src="http://OLDALAMCIME/foto.png" style="width: 100px; height: 100px;" onmouseover="open('http://OLDALAMCIME/foto.png');">


javascript:

function open(image) {

imgcontainer = document.getElementById("bigpic");

imgcontainer.innerHTML = "<img src=\""+image+"\" alt=\"kép\" />";

imgcontainer.style.display = "block";

};


Persze ezt lehet fokozni bármilyen egyéb trükkel, például jquery használata erősen megkönnyíti az ilyen trükköket, és lehetővé teszi különféle animációk használatát is.

A rejtett divet ne felejtsd pozícionálni, és egyéb css "szépítkezés" is elfér rajta. A beszúrt kép-tartalmon is lehet fokozni persze.

Ez csak egy alap.


Sok sikert!

2012. júl. 19. 21:14
Hasznos számodra ez a válasz?
 2/2 A kérdező kommentje:
Sajnos ennyire nem értek hozzá.:( Segítenél, hogy pontosan hogy kell ezt az oldalamra beilleszteni? Főleg a javascript sortól kezdve.
2012. júl. 19. 21:46

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!