At first, i wanna permission to share this.. If the trick has been share, please close this.. Credit : [url=http://dynamicdrive.com/]Dynamic Drive[/url] and [url=http://profiles.friendster.com/44580300]Me[/url] [b]Preview : [url=http://profiles.friendster.com/44580300]Me[/url][/b] Open gallery box and then click an image on there, so the preview will shown... First put this code at the top of your js file: [spoiler] // Gallery Enlarge View var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "http://h1.ripway.com/dekha/lightbox.js"; document.getElementsByTagName("head")[0].appendChild(myjs); var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "http://h1.ripway.com/dekha/lightbox.css"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css); [/spoiler] If you want the script, can be downloaded [url=http://h1.ripway.com/dekha/lightbox.zip]Here[/url] Second put this code inside onload handler: [spoiler]var gallery="<center><br><br><a href=\"[color=blue]URL PHOTO 1[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 1[/color]\" width=\"100px\" height=\"100px\" /></a> <a href=\"[color=blue]URL PHOTO 2[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 2[/color]\" width=\"100px\" height=\"100px\" /></a> <a href=\"[color=blue]URL PHOTO 3[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 3[/color]\" width=\"100px\" height=\"100px\" /></a> <a href=\"[color=blue]URL PHOTO 4[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 4[/color]\" width=\"100px\" height=\"100px\" /></a><br><br><a href=\"[color=blue]URL PHOTO 5[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 5[/color]\" width=\"100px\" height=\"100px\" /></a> <a href=\"[color=blue]URL PHOTO 6[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 6[/color]\" width=\"100px\" height=\"100px\" /></a> <a href=\"[color=blue]URL PHOTO 7[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 7[/color]\" width=\"100px\" height=\"100px\" /></a> <a href=\"[color=blue]URL PHOTO 8[/color]\" rel=\"lightbox\" ><img src=\"[color=blue]URL PHOTO 8[/color]\" width=\"100px\" height=\"100px\" /></a><br><br><a href=\"http://www.friendster.com/viewphotos.php?a=0&uid=[color=blue]USER ID[/color]\"><b>View All Photos</b></a><br><br></center>"; addBox("<a href=\"#\" onClick=\"show_hide('content_dekhz'); return false\"><div>Photo Gallery</div></a>",gallery,"dekhz","left"); [/spoiler] Edit the colour part...and edit addbox function as your tracker... There is it... Enjoy it..!! ------------------------------------------------------------------------- [quote][b]UPDATE[/b] Lightbox Versi 2.04 Credid:[url][b]http://www.huddletogether.com[/b][/url] and [b]gumscumbag[/b] for the idea Paste this on your JS [spoiler] var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "http://www.huddletogether.com/projects/lightbox2/js/prototype.js"; document.getElementsByTagName("head")[0].appendChild(myjs); var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "http://h1.ripway.com/dekha/linkers/lightbox/lightbox.js"; document.getElementsByTagName("head")[0].appendChild(myjs); var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "http://www.huddletogether.com/projects/lightbox2/js/scriptaculous.js?load=effects,builder"; document.getElementsByTagName("head")[0].appendChild(myjs); var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "http://h1.ripway.com/dekha/linkers/lightbox/lightbox.css"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css); [/spoiler] Paste This In onload handler: [quote]var dekhz= "<a href=\"URL IMAGE \" rel=\"lightbox[roadtrip]\"><img src=\"URL IMAGE\" width=\"100\" height=\"100\" /></a> "+ "<a href=\"URL IMAGE\" rel=\"lightbox[roadtrip]\"><img src=\"URL IMAGE\" width=\"100\" height=\"100\" /></a> "+ "<a href=\"URL IMAGE\" rel=\"lightbox[roadtrip]\"><img src=\"URL IMAGE\" width=\"100\" height=\"100\" /></a> "; document.getElementById('content_1').style.height='100%'; document.getElementById('content_1').style.overflowY='hidden'; document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+dekhz+"</td></tr></table>";[/quote] Edit URL IMAGE Preview: [url]profiles.friendster.com/58642698[/url] see fan of box That's All[/quote]

Last edited by dekha_21 (2008-07-02 10:12:28)