For pic lovers .. A Gallery using [url=http://www.digitalia.be/software/slimbox]Slimbox[/url] [b]not compatible with ie [/b]. anyways , use firefox / opera / safari / watever browser .. Preview : [url=http://friendster.com/darylldelfin3]PUGE[/url] dont mind the slimbox welcome note .. look here [img]http://i38.tinypic.com/33epuyp.png[/img] et voila . a gallery .. [b]setup:[/b] create a new directory/folder in ur hosting site save these images into ur computer then upload it to the created directory : [img]http://i363.photobucket.com/albums/oo75/darylldelfin2/closelabel.gif[/img] [img]http://i363.photobucket.com/albums/oo75/darylldelfin2/loading.gif[/img] [img]http://i363.photobucket.com/albums/oo75/darylldelfin2/nextlabel.gif[/img] [img]http://i363.photobucket.com/albums/oo75/darylldelfin2/prevlabel.gif[/img] next , create a text file and name it [b]slimbox.css[/b] with this content: [spoiler]<">[/spoiler] create another text file , name it [b]slimbox.js[/b] and save it with this content: [spoiler]<">[/spoiler] [b]creating the gallery ..[/b] here's the function for the gallery, edit it and paste it at the bottom of ur js file: [quote]function gallery(){ Slimbox.open( [ ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'], ['[b][color=#FF0000]direct link of the image[/color][/b]','[b][color=#FF0000]caption here[/color][/b]'] ], 0 ); }[/quote] u can add as many as u can , just dont put the characters [b]' [/b]or [b]"[/b] at the caption .. [b]last:[/b] edit and put this at the top of ur js file : [quote]Asset.css('[color=#FF0000]URL_slimbox.css[/color]'); window.addEvent('domready', function() { Asset.javascript('[color=#FF0000]URL_slimbox.js[/color]'); document.getElementById('content_1').getElementsByTagName("div")[[color=#FF0000]10[/color]].innerHTML="<span style=\"cursor:pointer\"><a onclick=\"gallery();\">Open Gallery</a>"+"<span class=\"divider\"> | </span>"+"<a href=\"http://www.friendster.com/friendphotoupload.php?uid="+pageOwnerID+">Submit Photo</a></span>"; });[/quote] important : edit the number [color=#FF0000]10[/color] if u have 3 or less albums in your account .. if im not mistaken , here are the values : 3 albums : [color=#FF0000]8[/color] 2 albums : [color=#FF0000]6[/color] 1 album : [color=#FF0000]4[/color] but if u have the four albums , no need to change it .. that's it . ur done .. [b]credits:[/b] http://www.digitalia.be/software/slimbox ([b]slimbox[/b]) [b]marfillaster[/b] (i learned about the slimbox from him .. ) [b]friendsterteam[/b] (for including the mootools framework)

Last edited by darylldelfin (2008-11-13 01:26:47)