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 » Kattints a képre felhívást...

Béluska2016 kérdése:

Kattints a képre felhívást hogyan kell megcsinálni, hogy minden képen "automatikusan" megjelenjen?

Figyelt kérdés

A weboldalamon vannak lekicsinyített index képek a szövegben, egy külön könyvtárban az eredeti méret. "Onklick"-kel a képre kattintva, felugró ablakba bejön az eredeti méret, eddig jutottam el eddig. a kis kép fölött az egér kurzor kéz formára vált, ez ok. De nem akarom minden egyes kép mellett kiírni, hogy a "nagyításhozz kattints a képre". Ezt egy logóval a jobb alsó sarokban, vagy a képre ráugró szöveggel szeretném egyértelműen és automatikusan közölni, minden képen. Az alábbi linken lévő megoldást keresem.


[link]


Köszi!



#link #kép #szöveg #felirat #logó #onmouseover menü
2016. jún. 27. 12:35
 1/8 A kérdező kommentje:

<a href="../originalphoto/op80103.jpg"

onclick="window.open('../originalphoto/op80103.jpg', 'op80103.jpg',

'width=825, height=625, left=20, top=25, screenX=20, screenY=25, directories=no, menubar=no, toolbar=no');

return false;">

<img src="kep80103.jpg" width="160" height="240" style="center" alt="kép leírás"

title="képcím"></a>

2016. jún. 27. 12:39
 2/8 SimkoL ***** válasza:
Ezt szeretnéd ? [link]
2016. jún. 27. 13:35
Hasznos számodra ez a válasz?
 3/8 A kérdező kommentje:
Igen ezt! De lehetne light-ebb verzió, hogy a kép látható marad, és úgy ugrik rá a felirat, nem ilyen sötét háttérrel. Amit én linkeltem be, ott a fenti képeken csak egy "logo" figyelmeztet az alsó sarokban, de ha lentebb mész akkor vannak olyan képek, amik picit megsötétednek, mintha egy áttetsző "füst függöny" kerülne a képre a felirattal. Köszi!!!!
2016. jún. 27. 14:03
 4/8 SimkoL ***** válasza:

Amit mutattam az a lehető legegyszerübb, mert a kép onmouseover eseményére lecseréli a képet a felírat képére, onmouseout-ra pedig az eredeti képet jeleníti meg.

<a href="op80103.jpg"

onclick="window.open('op80103.jpg', 'op80103.jpg',

'width=825, height=625, left=20, top=25, screenX=20, screenY=25, directories=no, menubar=no, toolbar=no');

return false;">

<img src="kep80103.jpg" width="200" height="166" style="center" alt="kép leírás"

title="képcím" onmouseover="this.src='katt.jpg';" onmouseout="this.src='kep80103.jpg';"></a>


Amit te szeretnél már picit mélyebben el kell merülni a Js-ben, JQuery-ben.

2016. jún. 27. 14:17
Hasznos számodra ez a válasz?
 5/8 A kérdező kommentje:
Néztem a kódot, tök egyszerű, Köszi! Akkor gondolom a "katt.jpg" helyett kéne megcsinálnom azt a képet, mondjuk a GIMP-el? Vagy valakinek valami kész ötlete is van?
2016. jún. 27. 14:19
 6/8 A kérdező kommentje:
Kísérleteztem a dologgal, hát sajnos nem jó. Mert "lecseréli" a "katt.jpg"-re. Nem marad ott a "régi kép" és arra teszi rá, hanem azt elveszi, ezt odateszi. Így egy átlátszó hátterű feliratot a semmire teszek rá, akkor fehér hátterem lesz, nem pedig az eredeti kép, sajnos. Én azt az effektet keresem amikor a kép ott van, és ott is marad, csak fölékerül egy áttetsző, átlátszó szöveg. Ezt olyan nehéz megcsinálni? Nagyon sok weboldalon van! Mi kell hozzá? div, scipt, js? Ha valaki leírná, köszönöm!!!!! Biztos meg tudom csinálni amatőrként is, már elég jól haladok a tanulással... :(((
2016. jún. 27. 19:05
 7/8 anonim ***** válasza:
Miért olyan nehéz alkalmazni azt, amit a linkelt példában láttál? Div-be zár egy képet és egy span elemet, utóbbi tartalmazza a kis képet, ami a nagyítást jelzi. Ez lehet egy img is.
2016. jún. 28. 00:16
Hasznos számodra ez a válasz?
 8/8 A kérdező kommentje:

Bocsi, melyik linkben?

hol láttál div-et?

Amit én linkeltem? Azon sajnos nem találom azt részt...

Ha ki tudtam volna, belőle szűrni, akkor nem kérdeznék.

Mind mondtam , sajna csak lelkes amatőr vagyok, ha segítetek abból tanulok. Köszi!

2016. jún. 28. 00:25

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!