[b]CREDITS TO THE FF:[/b]
[quote][b]Shirow[/b]

WVM 2.3
[b]Shakiro214[/b]

Carousel Scroller
[b]Lordheinz[/b]

Shaking Image
[b]DynamicDrive.com[/b]

Shaking Image[/quote]
[b]CHANGLOG[/b]
[quote]Added Shaking Image when Hovered
Added "Interested In" 4 the visitors Information
No glossy.js effect coz of conflict by class names but il make way to make it work[/quote]
Preview : [url=http://profiles.friendster.com/gwapongkarl]Click Here[/url]
[b]Step 1.[/b] Make sure you have the 6 files needed in WVM2.3 w/ Carousel Scroller no nid the glossy.js

If you dont have yet the WVM2.3 w/ [url=http://theftalk.com/t23851-carousel-auto-scroller-%28beta%29.html]Click Here[/url]
[b]Step 2.[/b] Replace Ur tracker.php with this one

Edit [b]XXXXXXX[/b] with ur own USER ID
[quote]<html>
<head>
<title>WHO'S VIEWED ME</title>
<!-- change value of href for your css (relative or absolute) -->
<style type="text/css">
<!--
/*Carousel */
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-item {
/* We set the width/height explicitly. No width/height causes infinite loops. */
height: 120px;
width: 315px;
padding-top: 0px;
}
.jcarousel-next {
display: none;
}
.jcarousel-prev {
display: none;
}
table {font-size:95%;}
-->
</style>
<style>
.shakeimage{
position:relative
}
</style>
<link type="text/css" rel="stylesheet" media="screen" href="skin.css" />
<link rel="stylesheet" type="text/css" media="screen, print" href="tracker.css" />
<script type="text/javascript" src="jquery.txt"></script>
<script type="text/javascript" src="jquery.jcarousel.pack.txt"></script>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (
www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit
http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=

){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
<?php
$phpowner="[b]XXXXXXXX[/b]";
$limit=10000;
?>
<?php
$owner=$_GET["owner"];
$start=$_GET["start"];
$id=$_GET["id"];
$name=$_GET["name"];
if(strlen($name)>8) {
$name=substr($name,0,17)." c";
}
$url=$_GET["url"];
$gender=$_GET["gender"];
$age=$_GET["age"];
$status=$_GET["status"];
$country=$_GET["country"];
if(strlen($country)>19) {
$country=substr($country,0,20)." c";
}
$since=$_GET["since"];
$seek=$_GET["seek"];
if(strlen($seek)>19) {
$seek=substr($seek,0,20)."…";
}
if(empty($seek)) {
$seek="…";
}
$exit=$_GET["exit"];
$mydata =getData();
$osh=$_GET["osh"];
$oss=$_GET["oss"];
if(!$exit){
if(!empty($id) && $owner==$phpowner && !empty($gender) && !empty($age) && !empty($status) && !empty($country) && !empty($since) && !empty($seek)) {
$myitem=checkExist($mydata,$id,$exit);
if($myitem['item']) appendData($myitem['array'],$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,0,$myitem['item']['duration'],$myitem['item']['visits'],$limit);
else appendData($myitem,$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,0,0,0,$limit);
}
}
else {
if (!empty($id) && $owner==$phpowner && !empty($gender) && !empty($age) && !empty($status) && !empty($country) && !empty($since) && !empty($seek)) {
$myitem=checkExist($mydata,$id,$exit);
if($myitem['item']) {
$s=time()- $myitem['item']['timestamp'];
if ($s<0) $s=0;
appendData($myitem['array'],$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,1, $myitem['item']['duration']+$s,(int)($myitem['item']['visits'])+1,$limit);
}
}
}
function checkExist($da,$valme,$e) {
if(empty($da)){
return $da;
}
for($y=0;$y<count($da);$y++){
if($y>2) {
if(!$da[$y]['exit']) {
$da[$y]['exit']=1;
}
if($da[$y]['duration']<1) {
unset($da[$y]);
}
}
if($da[$y]['id']==$valme) {
$t=$da[$y];
unset($da[$y]);
$da = array_values($da);
return array(
"array" => $da,
"item" => $t
);
}
}
return $da;
}
function appendData($da,$a_id,$a_name,$a_url,$a_timestamp,$a_age,$a_gender,$a_status,$a_country,$a_since,$a_seek,$a_exit,$a_duration,$a_visits,$a_limit) {
if(!is_array($da)){
$da=array(
array(
"id" => $a_id,
"name" => $a_name,
"url" => $a_url,
"timestamp" => $a_timestamp,
"age" => $a_age,
"gender" => $a_gender,
"status" => $a_status,
"country" => $a_country,
"since" => $a_since,
"seek" => $a_seek,
"exit" => $a_exit,
"duration" => $a_duration,
"visits" => $a_visits
)
);
}
else {
array_unshift($da,
array(
"id" => $a_id,
"name" => $a_name,
"url" => $a_url,
"timestamp" => $a_timestamp,
"age" => $a_age,
"gender" => $a_gender,
"status" => $a_status,
"country" => $a_country,
"since" => $a_since,
"seek" => $a_seek,
"exit" => $a_exit,
"duration" => $a_duration,
"visits" => $a_visits
)
);
if(count($da)>$a_limit) array_pop($da);
}
saveData($da);
return;
}
function saveData($d) {
if (file_exists("mv.txt")) unlink("mv.txt");
$file = fopen("mv.txt", "w") or exit("Unable to open file!");
fclose($file);
$temp="";
for($x=0;$x<count($d);$x++) {
$temp=$temp.$d[$x]['id']."&".$d[$x]['name']."&".$d[$x]['url']."&".$d[$x]['timestamp']."&".$d[$x]['age']."&".$d[$x]['gender']."&".$d[$x]['status']."&".$d[$x]['country']."&".$d[$x]['since']."&".$d[$x]['seek']."&".$d[$x]['exit']."&".$d[$x]['duration']."&".$d[$x]['visits']."\r";
}
$file = fopen("mv.txt", "a+") or exit("Unable to open file!");
fwrite($file,$temp);
fclose($file);
return;
}
function getData() {
$a="";
$temp="";
$file = fopen("mv.txt", "r") or exit("Unable to open file!");
while(!feof($file))
{
$temp=$temp.fgets($file);
}
fclose($file);
$j=explode("\r",$temp);
foreach ($j as $val) {
$c=explode("&",$val);
if(count($c)>3) {
if ($a==""){
$a=array(
array(
"id" => $c[0],
"name" => $c[1],
"url" => $c[2],
"timestamp" => $c[3],
"age" => $c[4],
"gender" => $c[5],
"status" => $c[6],
"country" => $c[7],
"since" => $c[8],
"seek" => $c[9],
"exit" => $c[10],
"duration" => $c[11],
"visits" => $c[12]
)
);
}
else {
array_push($a,
array(
"id" => $c[0],
"name" => $c[1],
"url" => $c[2],
"timestamp" => $c[3],
"age" => $c[4],
"gender" => $c[5],
"status" => $c[6],
"country" => $c[7],
"since" => $c[8],
"seek" => $c[9],
"exit" => $c[10],
"duration" => $c[11],
"visits" => $c[12]
)
);
}
}
}
return $a;
}
?>
<script type="text/javascript">
if (!attachOnLoadHandler(function(){ch();})) window.onload = function(){ch();};
function attachOnLoadHandler(func)
{
if(window.attachEvent)
{
window.attachEvent('onload',func);
return true;
}
if(window.addEventListener)
{
window.addEventListener('load',func,false);
return true;
}
return false;
}
function invert(x) {
if(x>0) return parseInt("-"+x);
else if(x<0) {
x=x+"";
return parseInt(x.substr(1,x.length-1));
}
return 0;
}
function ch() {
var d= new Date();
var sec=invert(d.getTimezoneOffset()*60);
var hour=invert(d.getTimezoneOffset()/60);
x=document.getElementsByName("lnk");
for(var y=0;y<x.length;y++) {
var myregexp = /\?/;
if(x[y].getAttribute("href").match(myregexp)) x[y].setAttribute("href",x[y].getAttribute("href")+"&oss="+sec+"&osh="+hour);
else x[y].setAttribute("href",x[y].getAttribute("href")+"?oss="+sec+"&osh="+hour);
}
}
</script>
<div align="center">
<font class="content_ip"> <font color="red" size="2" face="lucida console">I.P. Detected:</font><font color="white" size="2" face="Tahoma"> <script language="javascript" src="http://www.gratismania.tv/ip.php"></script></font>
</div>
</head>
<body>
<?php
$items = getData();
$thispage = $PHP_SELF ;
$num = count($items);
$per_page = 10;
$showeachside = 10;
if(empty($start))$start=0;
$max_pages = ceil($num / $per_page);
$cur = ceil($start / $per_page)+1;
?>
<table><tr><td align="left">
<div class="content">
<ul id="videoSlider" class="jcarousel-skin-ie7">
<?php
for($x=$start;$x<min($num,$start+$per_page);$x++){
if(($x % 2) == 1) {
echo "\t<li>\n\t\t<div class=\"stxt1\">\n";
echo "\t\t\t<div class=\"dtxt1\">\n";
}
else {
echo "\t<li>\n\t\t<div class=\"stxt2\">\n";
echo "\t\t<div class=\"dtxt0\">\n";
}
$k=date("l - M d, Y - h:i A",$items[$x]['timestamp']+$oss+18000);
$minute=floor((double)$items[$x]['duration']/60);
$second=fmod((double)$items[$x]['duration'],60);
if(!$items[$x]['exit']) $online="<span id=online><b>ONLINE</b></span>";
else $online="<font color='red'>offline</font>";
echo "\t\t</div>\n";
echo "\n\t\t\t<div class=\"content\">\n";
echo "\n\t\t\t ".$k."\n";
echo "<br />{".$items[$x]['visits']."} Visits - ".$minute." min ".$second." sec [".$online."]\n";
echo "\t\t\t\t\t<br /><a ";
echo "href=\"http://www.friendster.com/sendmessage.php?uid=".$items[$x]['id']."&action=sendsmile\" ";
echo "target=\"_blank\" title=\"Send A Smile\"><img style=\"border:0;width:17px;height:12px\" ";
echo "src=\"http://images.friendster.com/images/sas_icon.gif\"></img>";
echo "</a>";
echo "<a ";
echo "href=\"http://www.friendster.com/comments.php?uid=".$items[$x]['id']."\" ";
echo "target=\"_blank\" title=\"Give A Comment\"><img style=\"border:0;width:17px;height:12px\" ";
echo "src=\"http://i11.photobucket.com/albums/a192/Miyako555/notes.png\"></img>";
echo "</a>";
echo "<a ";
echo "href=\"http://www.friendster.com/friends/".$items[$x]['id']."\" ";
echo "target=\"_blank\" title=\"View Friends\"><img style=\"border:0;width:17px;height:12px\" ";
echo "src=\"http://images.multiply.com/multiply/icons/clean/24x24/contact.png\"></img>";
echo "</a>";
echo "<a ";
echo "href=\"http://www.friendster.com/sendmessage.php?uid=".$items[$x]['id']."\" ";
echo "target=\"_blank\" title=\"Send A Message\"><img style=\"border:0;width:17px;height:12px\" ";
echo "src=\"http://images.friendster.com/images/samsg_icon.gif\"></img>";
echo "</a>";
echo "<a ";
echo "href=\"http://www.friendster.com/bookmarks.php?action=add&uid=".$items[$x]['id']."\" ";
echo "target=\"_blank\" title=\"Bookmark It?\"><img style=\"border:0;width:17px;height:12px\" ";
echo "src=\"http://images.multiply.com/multiply/icons/clean/24x24/links.png\"></img>";
echo "</a>";
echo "<a ";
echo "href=\"http://www.friendster.com/flagprofile.php?uid=".$items[$x]['id']."\" ";
echo "target=\"_blank\" title=\"Flag This User?\"><img style=\"border:0;width:17px;height:12px\" ";
echo "src=\"http://tbn0.google.com/images?";
echo "q=tbn:HtxXDQF4THAF2M:http://www.powerhousemuseum.com/electronicswatchbook/s/images/icons/close_icon.gif\"></img>";
echo "</a>\n";
echo "\t\t\t\t\t<br />▪Name: <a title=\"".$items[$x]['name']."\" href=\"http://www.friendster.com/".$items[$x]['id']."\" target=\"_blank\" title=\"".$items[$x]['name']." \">";
echo $items[$x]['name'];
echo "</a>\n";
echo "\n\t\t\t<br />▪Info: ".$items[$x]['gender']."\n";
echo "\n\t\t\t".$items[$x]['age']."\n";
echo "\n\t\t\t".$items[$x]['status']."\n";
echo "\n\t\t\t<br />▪Member Since: ".$items[$x]['since']."\n";
echo "\n\t\t\t<br />▪Interested In: ".$items[$x]['seek']."\n";
echo "\n\t\t\t<br />▪Location: ".$items[$x]['country']."\n";
echo "\n\t\t\t<br />▪Friendster ID: ".$items[$x]['id']."\n";
echo "\n\t\t\t</div>\n";
echo "\t\t<div class=\"imgblock\">\n";
echo "\t\t\t\t\t<a title=\"http://profiles.friendster.com/".$items[$x]['id']."\" href=\"http://profiles.friendster.com/".$items[$x]['id']."\" target=\"_blank\">";
echo "<img src=\"".$items[$x]['url']."\" alt=\"".$items[$x]['name']."\" class=\"shakeimage\" onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\" onClick=\"top.focus()\" />";
echo "</a>\n";
echo "\t\t</div>\n";
echo "\n\t\t\t<br clear=\"all\" />\n";
echo "\n\t\t</div>\n\t</li>\n";
}
?>
</ul>
</div></td></tr><tr>
<td align="left">
<div id="footer" class="stxt<?php print($perpage%2);?>">
<span class="strong">
<?php
if(($start-$per_page) >= 0)
{
$next = $start-$per_page;
?>
<a title="First Page" name="lnk" href="<?php print("$thispage");?>"><b><< ˇ</b></a>
<?php
}
?>
<?php
if(($start-$per_page) >= 0) {
$next = $start-$per_page;
?>
<a title="Previous Page" name="lnk" href="<?php print("$thispage".($next>0?("?start=").$next:""));?>">BACK </a>
<?php
}
?>
<?php
$eitherside = ($showeachside * $per_page);
if($start+1 > $eitherside)print (" .... ");
$pg=1;
for($y=0;$y<$num;$y+=$per_page)
{
$class=($y==$start)?"pageselected":"";
if(($y > ($start - $eitherside)) && ($y < ($start + $eitherside)))
{
?>
<a title="Page <?php print($pg);?>" name="lnk" class="<?php print($class);?>" href="<?php print("$thispage".($y>0?("?start=").$y:""));?>"><?php print($pg);?></a>
<?php
}
$pg++;
}
if(($start+$eitherside)<$num)print (" .... ");
?>
<?php
if($start+$per_page<$num)
{
?>
<a title="Next Page" name="lnk" href="<?php print("$thispage?start=".max(0,$start+$per_page));?>"> NEXT</a>
<?php
}
?>
<?php
if($start+$per_page<$num)
{
?>
<a title="Last Page" name="lnk" href="<?php print("$thispage?start=".$per_page*($max_pages-1));?>"><b> ˇ>></b></a>
<?php
}
?>
<br />
</span>
Page <?php print($cur);?> of <?php print($max_pages);?> ( <?php print($num);?> total records )
<div align='left'>
<br />
WVMe v2.3 Created by: <a href="http://profiles.friendster.com/mumbhaki" target="_blank">Marfillaster</a> © 2007
<br>Modified By: <a href="http://profiles.friendster.com/shirowkun" target="_blank">Shirow Masamune</a> & <a href="http://profiles.friendster.com/shakiro" target="_blank">Shakiro214</a>
<br>Pimped By: <a href="http://profiles.friendster.com/rionjhan" target="_blank">Rionjhan</a> idea of the shakes from <a href="http://profiles.friendster.com/lordheinz" target="_blank">Lorheinz</a>
<br>
Hosted by: <a target="_blank" href="http://www.ripway.com">Ripway</a>
<br><?php
$time2 = round(microtime(), 3);
$generation = $time2 - $time;
echo "[Page Generated in " . $generation . " sec, $per_page queries";
echo " executed]";
?>
</div></td></tr></table>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#videoSlider').jcarousel({
vertical: true,
scroll: 1,
auto: 3,
wrap: 'last',
background: '#000000',
width: '300px',
animation: 'slow'
// initCallback: mycarousel_initCallback,
});
});
</script>
<script type="text/javascript">
function nrcIE(){
if (document.all){return false;}}
function nrcNS(e){
if(document.layers||(document.getElementById&&!document.all)){
if (e.which==2||e.which=

){
return false;}}}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=nrcNS;
}else{document.onmouseup=nrcNS;document.oncontextmenu=nrcIE;}
document.oncontextmenu=new Function("return false");
window.alert = function() {
return;
};
</script>
</body>
</html>[/quote]
[b]Step 3. [/b]Make sure u have replaced [b]XXXXXXXX[/b] with ur USER ID

if u dont know how to look for this use SEARCH and look for this
[quote]<?php
$phpowner="[b]XXXXXXXX[/b]";
$limit=10000;
?>
<?php[/quote]
[b]Step 4.[/b] Replaced your [b]skin.css[/b] with this

the container nid to be enlarge but u can use my skin.css or resize it urself
[quote].jcarousel-skin-ie7.jcarousel-container {
background: transparent;
}
.jcarousel-skin-ie7.jcarousel-container-horizontal {
width: 315px;
padding: 0px 30px 0px 30px;
}
.jcarousel-skin-ie7.jcarousel-container-vertical {
width: 315px;
height: 475px;
padding: 0px;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 315px;
height: 475px;
}
.jcarousel-skin-ie7 .jcarousel-clip-vertical {
width: 315px;
height: 475px;
}
.jcarousel-skin-ie7 .jcarousel-item {
height: 100px;
width: 315px;
}
.jcarousel-skin-ie7 .jcarousel-item:hover {
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-right: 20px;
}
* html .jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-right:20px;
}
.jcarousel-skin-ie7 .jcarousel-item-vertical {
width:315px;
height:100px;
margin-bottom: 4px;
}
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
position: absolute;
top: 130px;
right: 5px;
width: 1px;
height: 1px;
cursor: pointer;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
background-position: -32px 0;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
position: absolute;
top: 130px;
left: 5px;
width: 1px;
height: 1px;
cursor: pointer;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
background-position: -32px 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
/**
* Vertical Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 0px;
height: 0px;
cursor: pointer;
}
.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical {
position: absolute;
top: 15px;
left: 43px;
width: 0px;
height: 0px;
cursor: pointer;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}[/quote]
[b]Step 5. [/b]Edit ur tracker.txt and Resize the height of your WVM2.3 box by 600px
:arrow:look for this code
[quote]TRACKER = { style: { filter: "chroma(color='#FFFFFF')",
width: '300px',
height: '[b]600px[/b]',
border: '0px',
overflow: 'hidden'
},[/quote]
Make Sure u have made your box height by 600px for best view of the visitors..
Hope that the folks who made the Carousel Scroll would not be mad coz I dont have their permission
lol
just want to share the trick=)
PREVIEW : [url=http://profiles.friendster.com/gwapongkarl]Click Here[/url]
Last edited by rionjhan (2008-03-19 18:33:58)