Hogyan lehet a honlapomon olyat?

Első és legfontosabb kérdés, JavaScript programozási nyelvhez értesz?

Ha nem, akkor ideje lesz megtanulni, különösen az ajax-ra kellene ráfeküdni.

Vagy használhatsz jQuery-t is, de akkor sem kerülheted ki a JS-t, mivel ez egy JS keretrendszer.

Az ajax lényege, hogy háttérben történik a kommunikáció kliens és szerver között.

Egyébként a jQuery load() megfelel a célnak:

[link]

Lajos54 válasza:

A legegyszerűbben úgy lehet, hogy a kis kép tulajdonképpen egy hivatkozás (link) ami egy másik oldalra mutat. A másik oldalra teszed a nagyobb képet és a szükséges szövegeket.

de jo, hogy meg van olyan, aki ilyen letisztultan tud gondolkodni. nekem ez mar eszembe sem jutott, csak a legbonyolultabb megoldas :)

Ehhez nem hogy PHP+MySQL nem kell, de feltétlenül még JavaScript sem. CSS-el megoldható. Persze ez nagyban függ a céltól. Ha egy cikk része a kép, akkor ez a jobb megoldás, viszont ha egy galériáról van szó, akkor új linket érdemes hozzá nyitni.

[link]

Amennyiben azt szeretnéd, hogy ne kelljen nyomva tartani az egeret, egy nagyon egyszerű JavaScript-re lesz szükséged. Egy classot kell hozzátenni kattintásra.

"Az rendben van, hogy megoldható CSS-sel, de ha nem pár darab képről van szó, akkor már inkább a JavaScript lesz a jó megoldás. Sok nagyobb méretű képet előre betölteni teljesen fölösleges, ráadásul időigényes is lehet."

Attól függ, mire optimalizálsz. Ha fontos, hogy a lehető legkisebb legyen az oldal, akkor egyetértek. Viszont, akár dupla méretű képet is el lehet helyezni minőségveszteség nélkül úgy, hogy csak 10-20%-al foglaljon több helyet. Ez a retina kijelzők korában kívánatos is, hiszen így szebben fog mutatni a jó minőségű kijelzőkön. Ha a jpeg minőséget lejjebb veszed, a méretet viszont nagyobbra, akkor hála a most elterjedtebb böngészők antialiasing algoritmusainak, minőségveszteség nélkül, szinte ugyanakkora fájlméret mellett élvezheted a nagyobb felbontást. Tehát csak megfontolás kérdése a dolog. Még más előnyei is vannak: például nem kell minden képnél várni a betöltődésre. Nyilván én se töltetnék le 40 darab 10 megapixeles képet. De egy 512*512-es kép egy 256*256-os helyen megjelenítve még senkinek sem árt. :)