hlmod.hu https://hlmod.hu/ |
|
[HTML] Kép megnyitása rákattintással. https://hlmod.hu/viewtopic.php?f=18&t=27573 |
Oldal: 1 / 2 |
Szerző: | The Peace [ 2017.04.15. 10:23 ] |
Hozzászólás témája: | [HTML] Kép megnyitása rákattintással. |
Üdv! Valaki segítene HTML-ben, az lenne hogy azt akarom ha rákattintok az egyik képre akkor azt hozza be új oldalon.
|
Szerző: | Silent [ 2017.04.15. 10:50 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Így. Ja és felesleges az onmouseover eventben megadni, hogy img1.src, mivel a this kulcsszú az aktuális elemre mutat, így a this az img1 lesz és így tovább. Kód: <a href="Proba/01.jpg" target="_blank"><img onmouseover="preview.src=this.src" name="img1" src="Proba/01.jpg" alt="" /></a> Vagy ha esetleg dinamikusan szeretnéd kezelni a dolgokat, akkor valahogy így. Bár ez az összes képnél működni fog a weboldalon, de nyilván a selectort módosíthatod img-ről akármilyen osztályra/id-re vagy bármire. Kód:
|
Szerző: | The Peace [ 2017.04.15. 11:17 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
OOOO , köszönöm , megy a kéz..
Még ebben tudnál nekem segíteni, azt akarom hogy a kép mellé jobbra menjen a szöveg (de hiába írok right-et a szöveghez, össze vissza buggol) |
Szerző: | Silent [ 2017.04.15. 11:31 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Egy sorba szeretnéd a képet és a szöveget? Itt egy mód rá a sok közül. Kód:
|
Szerző: | Maxi [ 2017.04.15. 11:44 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Nos erre sok megoldás van. Ez így elég undorító ahogy te nézted meg, de segítek. Újra írom. Tehát egy megoldás a floatolás. (gabalyodhat)
Ezt én és sok más is, táblázattal oldanánk meg.
Remélem segített. |
Szerző: | Silent [ 2017.04.15. 12:01 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Hát ha nagyon beleakarunk menni, akkor a táblázat még kevésbé sem állja meg a helyét mint egy inline-block, hiszen akkor a táblázatnak el kell tüntetni a táblázat tulajdonságait, valamint minden készüléken máshogy működik egy táblázat. (Például "xs" médián már lehet, hogy két sorba rakná a képet és a szöveget.) Szóval a legprofibb megoldás nyilván a BS használata. Kód: <div style="display: inline-block" class="col-lg-12 col-md-12 cold-sm-12 col-xs-12"> <!-- Minden méretre foglaljon el egy teljes (12oszlopnyi) sort --> De ehhez kell a BS keretrendszer. Amit már feljebb leírtam az ugyanez, csak reszponzivitás nélkül. Táblázatot csak táblázatra használj, attól hogy sulis versenyeken meg érettségin másra is használtok, nincs létjogosultsága máshol, csak adatok megjelenítésénél. Szerk: Ha valamiféle bandádnak szeretnél weboldalt, akkor ajánlom tényleg a bootstrappet, manapság ritka az olyan weboldal ami megállja a helyét enélkül (kivéve ha ráérős vagy és minden DOM elemedet stilizálsz minden képernyőméretre mediaquerykkel). W3-on fent van minden a BS-ről, kezdés, példaoldal stb. (https://www.w3schools.com/bootstrap) Csináltak is egy példa zenekar weboldalt, ami tényleg nagyon alap, de máris szebb és modernebb mint ha te elkezdesz pixelekkel dolgozgatni (https://www.w3schools.com/bootstrap/try ... d_full.htm) Ha megnézed a példát és összehúzod a képernyőt mobilméretre (vagy megnyitod mobilon), láthatod, hogy illeszkedik a screenhez és a NAV is felveszi a mobil stílust. |
Szerző: | Maxi [ 2017.04.15. 16:22 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Mediaquery-ről hallottunk, kedves? |
Szerző: | Silent [ 2017.04.15. 17:47 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Maxi írta: Mediaquery-ről hallottunk, kedves? Olvasd el újra amit írtam :D |
Szerző: | The Peace [ 2017.04.16. 17:58 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Köszönet újra mind2-nek, nincs helye itt vitának! Megy a "köszönet doktor" . EDIT: [profil]Maxi[/profil] a tied jó lett! Ez:
|
Szerző: | The Peace [ 2017.04.29. 07:24 ] |
Hozzászólás témája: | Re: [HTML] Kép megnyitása rákattintással. |
Silent írta: Így. Ja és felesleges az onmouseover eventben megadni, hogy img1.src, mivel a this kulcsszú az aktuális elemre mutat, így a this az img1 lesz és így tovább. Kód: <a href="Proba/01.jpg" target="_blank"><img onmouseover="preview.src=this.src" name="img1" src="Proba/01.jpg" alt="" /></a> Vagy ha esetleg dinamikusan szeretnéd kezelni a dolgokat, akkor valahogy így. Bár ez az összes képnél működni fog a weboldalon, de nyilván a selectort módosíthatod img-ről akármilyen osztályra/id-re vagy bármire. Kód:
Ez nekem valamiért nem okés:(:c U.i: Figyelmetlenség hibám volt, de igen sikerült, köszönöm! És most nézem duplaposztoltam, valaki törölné ezt a hozzászólásom? |
Oldal: 1 / 2 | Minden időpont UTC+02:00 időzóna szerinti |
Powered by phpBB® Forum Software © phpBB Limited https://www.phpbb.com/ |