ugrás a tartalomhoz

lightbox 2.0 és image map

bsanyi · 2006. Szep. 26. (K), 08.12
Üdv Mindenkinek,

egy image mapen található képrészletekhez szeretnék lightbox-ot hozzáadni. Egy keveset már próbálkoztam magam is és kutakodtam a neten, de ésszerű és használható megoldást még nem találtam.

Használta a lightboxot esetleg már valaki ilyen (formában) esetre?

Üdv
Sanyi
‹ JavaScript kezdoknek cellátkitöltő div ›
 ■
1

egyszerű, mint a vakablak :)

TeeCee · 2006. Szep. 26. (K), 08.56
Két lehetőséged is van...
(én thickboxot használok, de gyak úgyanúgy műxik, csak az jquery-t használ)

Vagyis ahogy működnek: az oldal letöltésekor módosítja a megjelölt linkeket (A tag-ek). A megjelölt elemek thickboxnál a class="thickbox", lightboxnál a rel="lightbox" tulajdonsággal rendelkezők, amikkel gyakorlatilag annyit tesz, hogy a link onClick eseményére ráállít egy javascript-függvényhívást.
Íme a kód egy részlete:

	var anchors = document.getElementsByTagName("a");

	// loop through all anchor tags
	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];

		if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
			anchor.onclick = function () {showLightbox(this); return false;}
		}
	}
Namármost, ha ezt tudod, akkor:
1.) Átalakíthatod azt a függvényt, ami megtoldja az A tag-et egy onclickkel, hogy ne csak, vagy ne A tag-ekre működjön, hanem az AREA-ra, és kész is vagy...
2.) Mivel gondolom ezt leginkább csak egyszer-egyszer szeretnéd használni, megteheted azt is, hogy az egyet területek onClick-jére beállítod a "showLightbox(this); return false;" dolgot, mivel a lightbox is gyak. ezt csinálja :)

Remélem, tudtam segíteni! :)
2

kösz

bsanyi · 2006. Szep. 26. (K), 10.24
Üdv,

este kipróbálom, és jelzem, ha sikerült

Üdv
Sanyi
3

Yupppi

bsanyi · 2006. Szep. 26. (K), 20.51
Szia TeeCee,

hát tényleg elég egyszerű volt megoldani így lightbox 2.02-vel, amint átírtam két helyen a forrást.

Még1x kösz, remélem magam is tudok majd segíteni neked

Üdv
bsanyi
4

nincs mit :)

TeeCee · 2006. Szep. 27. (Sze), 08.29
örülök, ha segíthettem :o)

(Sokszor a legtutibb kinézetű programkód is ehhez hasonlóan egyszerű megoldást takar, csak át kell látni, hogy működik.)