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

Moderatori: janis.wd, Vecākie lietotāji

User avatar
foxsk8
Moderators
Atbildes: 5078
Pievienojies: 22 Feb 2007, 12:33
Reputācija: 0
Atrodas: Liepāja, www.notepad.lv

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

Post no foxsk8 » 16 Aug 2009, 01:16

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:

Image

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. :)
WPX.lV - E-komercijas risinājumi

Pievienot atbildi

Return to “Web veidošana un problēmas”