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
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:
Fix for IE browser.... yehhhh
Edited and removed some unwanted script[/quote]
Last edited by blurrycloud (2008-09-13 07:00:59)
how i wish ie users can use this as well..great script really...
yah that is the sad part... the creator of this script said.. it is working for IE .. but sadly i don't see the effect using IE browser... i really tried my best buds.. to make it work for our fellow IE User... and all i received from this script is a big
headache
Last edited by blurrycloud (2008-01-31 01:12:16)
good thing .. coz IE
sorry lolo bob..
weeee 2 new tricks in 1 day.. woottt keep it up guys!!
XD
good thing .. coz IE
sorry lolo bob..
weeee 2 new tricks in 1 day.. woottt keep it up guys!!
XD[/quote]
@off topic
such a mean apo ducheszv...
just teasing my friend..it is ok...someday I will give FF a try.
@on topic..I wonder if the problem with IE is the document.write codes, I know before both feruzz and ephermeral I believe that they had a negative impact on IE users.
ahh see its like louis script with the only with friends caption Last edited by bobcbar (2008-01-31 01:25:35)
hahaha.. download FF lolo and see the difference..
on the function of some tricks and all i know is how to apply it for Friendster and some in Multiply...
but thanks for the early comments guys.... Last edited by blurrycloud (2008-01-31 01:30:59)
lols...
i edited some function in the script... removed some docu.write script
@kuya bobcar... you should check this out..
Last edited by blurrycloud (2008-01-31 04:27:44)