screenshoots [img]http://img214.imageshack.us/img214/1476/18296327si1.png[/img] when clicking the image [img]http://img246.imageshack.us/img246/7199/87214153xh1.png[/img] step 1 paste this on top of your js file <"> step 2 paste this on your Onload Handler [spoiler]var code="<div id=\"contentWrapper\"><div id=\"header\"><div id=\"navcontainer\"><ul id=\"navlist\">"+ "</ul></div>"+ "<div id=\"subheader\"><a href=\"http://andyblanchard.com/galleries/andyblanchard/album/res/info.html\" rel=\"width:425,height:425\" class=\"mb\" title=\"Skin Info\">Info</a></div></div><div id=\"imageflow\">"+ "<div id=\"loading_bar\">"+ "<b>Loading images</b><br/>"+ "<img src=\"http://img135.imageshack.us/img135/4224/57705062uk0.gif\" width=\"208\" height=\"13\" alt=\"loading\" /></div>"+ "<div id=\"images\">"+ "<a href=\"[b]Image link 1[/b]\" id=\"mb0\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 1[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb0\"></div>"+ "<a href=\"[b]Image link 2[/b]\" id=\"mb1\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 2[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb1\"></div>"+ "<a href=\"[b]Image link 3[/b]\" id=\"mb2\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 3[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb2\"></div>"+ "<a href=\"[b]Image link 4[/b]\" id=\"mb3\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 4[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb3\"></div>"+ "<a href=\"[b]Image link 5[/b]\" id=\"mb4\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 5[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb4\"></div>"+ "<a href=\"[b]Image link 6[/b]\" id=\"mb5\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 6[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb5\"></div>"+ "<a href=\"[b]Image link 7[/b]\" id=\"mb6\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 7[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb6\"></div>"+ "<a href=\"[b]Image link 8[/b]\" id=\"mb7\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 8[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb7\"></div></div>"+ "<div id=\"captions\"></div>"+ "<div id=\"scrollbar\"><div id=\"scrollbarPrev\"><img src=\"http://img403.imageshack.us/img403/5238/34600274wy6.png\" alt=\"previous\" onclick=\"MM_callJS('handle(1)')\" /></div>"+ "<div id=\"slider\"></div>"+ "<div id=\"scrollbarNext\"><img src=\"http://img151.imageshack.us/img151/3432/41507885tl4.png\" alt=\"next\" onclick=\"MM_callJS('handle(-1)')\" /></div></div>"+ "</div>"+ "</div>"; addBox("LEFT","My Gallery",code,"div_27","null");[/spoiler] just edit the bold parts recommended size for [b]thumbnail[/b] [b]200 x 195[/b] pixels if you want to add more images just add this [quote]"<a href=\"[b]Image link 9[/b]\" id=\"mb[b]9[/b]\" class=\"mb\" title=\"[b]Caption Here[/b]\"><img src=\"[b]Thumbnail link 9[/b]\" alt=\"[b]Name[/b]\"/></a><div class=\"multiBoxDesc mb[b]9[/b]\"></div>"+[/quote] and so on & so fourth step 3 paste this, at the bottom of your js file <">that's it your done preview http://profiles.friendster.com/62346457 (click the image to see the effect) credits [b]http://jalbum.macosxsupport.com[/b]

Last edited by simpleMe (2008-11-12 22:34:03)