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)