Pamācība: FancyBox automātiski lapas bildēm

[foxsk8]

Viena no retajām reizēm, kad padalos ar kodiem.

Sanāca vienam projektam veidot tādu lietu, ka lapā ir vairākas bildes, bez linkiem, kurām vajag uzlikt lighbox efektu.

Tad nu nedaudz pasēdēju un rezultātā no šāda:

Code: Select all

img src="http://www.notepad.lv/userpix/28_bf211292eaac88809466eb44dd4bf6c2_1_1.jpg" height="100" width="250" alt=""/

Iegūstam šādu

Code: Select all

a rel="group" href="http&#58;//www.notepad.lv/userpix/28_bf211292eaac88809466eb44dd4bf6c2_1_1.jpg"><img></a

Izmantojot jQurey wrap funkciju mēs varam apaudzēt visām bildēm a tagu ar attiecīgo atribūti rel="group".

Kāpēc izmantot šo metodi. Iedomājamies, ka mums ir ap 40 bildēm, katrai likt savu linku, izmantojot lightbox efektu būtu neprāts.

Kods ar Fancybox izskatās šāds:



Pilns jQuery wrap piemērs ar FancyBox atrodams šeit:

http://www.failiem.lv/down.php?i=hhzreh&n=final.rar

P.S. Paldies mārcis par nelielo help.