Ok Prepare Yourself First Image Preview: [img]http://img205.imageshack.us/img205/8365/72055588mh0.gif[/img] This is the Exact Effect You can control the images manually You can choose automatic rotation Browser Compatibility : [b]ALL MAJOR BROWSER[/b] Ok let's start Actually this script is called Advanced Gallery Script.. I combined the function to friends with caption tweak by [b]mdirwan[/b] [b]Description:[/b] This advanced gallery script allows you to display and rotate entire blocks of HTML on demand. Display images, text, or rich HTML in a dynamic manner. Set the script to automatically cycle through the contents like in a scroller, or via manual selecting. Credits: Mdirwan for his friends with caption v.2 And Ofcourz DynamicDrive Read and Enjoy the tweak... 1st Step: Place this inside your onload handler... Edit some part of it... refer to the legend below... [quote]var twistadv = "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>Auto: <input type=\"radio\" checked name=\"mode\" value=\"auto\" onClick=\"preparemode('auto')\"> Manual: <input type=\"radio\" name=\"mode\" value=\"manual\" onClick=\"preparemode('manual')\"><div id=\"controldiv\" style=\"display:none\" class=\"gallerycontroller\"><form name=\"gallerycontrol\"><select class=\"gallerycontroller\" size=\"3\" name=\"menu\" onChange=\"manualcontrol(this.options.selectedIndex)\"></form></div>"; addBox("RIGHT","TITLE HERE",twistadv,"twist",null);[/quote] [quote]Legend: [color=red]NAME_FRIEND[/color] = Name of your friend [color=green]PHOTO_FRIEND[/color] = link of photo of your friend [color=pink]COMMENT[/color] = Put anything you like [color=black][b]FRIENDS NAME/NICK[/b][/color] = name or nick of your friend[/quote] [color=blue]FS ID[/color] = http://profiles.friendster.com/[color=blue]53275466[/color] ::> EX OF FS ID Ex of [color=green]PHOTO_FRIEND[/color] link = http://photos.friendster.com/photos/30/03/2863003/729757757m.jpg Then Place this inside your onload handler [b]startgallery();[/b] [quote]function onProfileLoad() { //otherboxes here [b]startgallery();[/b] }[/quote] So this would be the outcome of your script inside your onload handler [quote]function onProfileLoad() { //OTHER BOXES HERE var twistadv = "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='gallerycontent' subject='[b]FRIENDS NAME[/b]'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[color=blue]ID_FRIEND[/color] '>"+ "<img src='[color=green]PHOTO_FRIEND[/color]'></a></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[color=blue]ID_FRIEND[/color] '>[color=red]NAME_FRIEND[/color]</a></li>"+ "<li>[color=pink]COMMENT[/color]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>Auto: <input type=\"radio\" checked name=\"mode\" value=\"auto\" onClick=\"preparemode('auto')\"> Manual: <input type=\"radio\" name=\"mode\" value=\"manual\" onClick=\"preparemode('manual')\"><div id=\"controldiv\" style=\"display:none\" class=\"gallerycontroller\"><form name=\"gallerycontrol\"><select class=\"gallerycontroller\" size=\"3\" name=\"menu\" onChange=\"manualcontrol(this.options.selectedIndex)\"></form></div>"; addBox("RIGHT","TITLE HERE",twistadv,"twist",null); [b]startgallery();[/b] }[/quote] Next Step: Paste this code under your js codes... <">Last Step: Place this inside your CSS [quote].gallerycontent{ width: 300px; height: 150px; border: 1px solid black; background-color: [b]#000000;[/b] padding: 3px; display: block; color:[b]#ff0033;[/b] } .gallerycontroller{ width: 300px; }[/quote] ^You can edit the bold part for your own desire... That's It Your Done.... Goodluck and have fun [quote]By the way you can also try different content using the function... For ex: [b]Subject:[/b] Friendstertalk [b]Div Content:[/b] The official site of the coolest tweaker of Friendster and Multiply[/quote] [quote]Changelog: Fix for IE browser.... yehhhh Edited and removed some unwanted script[/quote]

Last edited by blurrycloud (2008-09-13 07:00:59)