Contoh.html

 
​
<html>
<head>
<title>Just For You Some One </title><link href="http://www.tantramantrajyotish.com/i_love_you_heart_animated.gif" rel="icon" type="image/x-icon">
<script language="JavaScript">alert(" Created by: ./St0n3 for Iput :) ");</script>
</head>
​
<body>
​
<!------------------------------------------------------->
<!-- BEGINNING OF THE CODE FOR THE CAROUSEL-SLIDESHOW -->
<!------------------------------------------------------->
​
<!-- START OF STYLE-CONFIGURATION ZONE  -->
<style>
.textstyle {
position:absolute;
visibility:visible;
border-style:solid;
border-width:2px;
border-color:#EEEEEE;
font-family:Arial;
font-size:8pt;
color:#FFFFFF;
text-align:center;
background-color:blue;
top:-1000px;
}
</style>
<!-- END OF STYLE-CONFIGURATION ZONE  -->
</body>
<script type="text/javascript">document.getElementById("adBarafdWzMP").style.height=document.getElementById("adTextafdWzMP").offsetHeight+'px';</script><junior.dk07@gmail.com, Indonesia>
<body dir="ltr" alink="#00ff00" background url="" bgcolor="black" link="#00c000" text="#008000" vlink="#00c000"><style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur477.cur), progress;}</style></head>
<body><br><div style="display:scroll; position:fixed; top:50px; right:-6px;">
​
<script>
// CREDITS:
​
​
//  Laramma
​
var rotatingimage=new Array()
var rotatingtext=new Array()
var rotatinglink=new Array()
​
///////////////////////////////////////////////////////////////////////////////////////
// START OF SCRIPT-CONFIGURATION ZONE
//////////////////////////////////////////////////////////////////////////////////////
​
// Set the path and name (or URL) of your images. Add as many images as you like
// Take care that the images have a decent resolution as they are used for the zoom-images as well
rotatingimage[0]="http://tinypic.com?ref=rtdu9z"
rotatingimage[1]="http://tinypic.com?ref=rtdu9z"
rotatingimage[2]="http://tinypic.com?ref=rtdu9z"
rotatingimage[3]="http://tinypic.com?ref=rtdu9z"
rotatingimage[4]="http://tinypic.com?ref=rtdu9z"
​
​
// Set the the comments corresponding to the images above (requires the same amount as images!)
rotatingtext[0]="I MISS YOU"
rotatingtext[1]="I MISS YOU"
rotatingtext[2]="I MISS YOU"
rotatingtext[3]="I MISS YOU"
rotatingtext[4]="I MISS YOU"
rotatingtext[5]="I MISS YOU"
rotatingtext[6]="I MISS YOU"
​
​
// Set the the comments corresoponding to the images above (requires the same amount as images!)
// Set "#" if no link is required
rotatinglink[0]="https://twitter.com/Bian404"
rotatinglink[1]="https://twitter.com/Bian404"
rotatinglink[2]="https://twitter.com/Bian404"
rotatinglink[3]="https://twitter.com/Bian404"
rotatinglink[4]="https://twitter.com/Bian404"
rotatinglink[5]="https://twitter.com/Bian404"
rotatinglink[6]="https://twitter.com/Bian404"
​
​
// Set the width of the circle (pixels)
var circlewidth=330
​
// Set the height of the circle (pixels)
var circleheight=240
​
// Set the width of your small rotating images (pixels)
var imgwidth=130
​
// Set the height of your small rotating images (pixels)
var imgheight=40
​
// Set the height of your textbox (pixels). This is the textbox (comment) below the rotating images
var textboxheight=17
​
// Set the path and name (or URL) of your backgroundimage
// Write "var bgimg=false" if you don't want to add a backgroundimage
var bgimg="http://us.123rf.com/400wm/400/400/palinchak/palinchak1201/palinchak120100216/12069511-abstract-valentine-black-heart-on-black-background.jpg"
​
// Set the number of words that will be displayed at once
var displaymax=6
​
// Set the speed! Tha values may range from 0.1 to 1.0
var step=0.02;
​
// Set the zoomfactor for the big picture that appears on mouseover
var zoomfactor=2;
​
// padding to the margin
var imgpadding=10
​
/////////////////////////////////////////////////////////////////////////////////////
// END OF SCRIPT-CONFIGURATION ZONE
// Do not edit below this line  
////////////////////////////////////////////////////////////////////////////////////
​
var maxopacity=new Array()
var i_imgcounter=0
var segment=360/(displaymax);
var decrement=0;
var op
var tmr
var opacitystep=Math.round(100/circleinnerheight)
var zoomobj
var twidth
var theight
var windowwidth
var windowheight
var circleinnerwidth=circlewidth-(imgwidth+2*imgpadding)
var circleinnerheight=circleheight-(imgheight+2*imgpadding)
circleinnerwidth=circleinnerwidth/2
circleinnerheight=circleinnerheight/2
​
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
​
var preloadedimages=new Array()
for (i=0;i<rotatingimage.length;i++){
    preloadedimages[i]=new Image()
    preloadedimages[i].src=rotatingimage[i]
}
​
for (i=0;i<displaymax;i++) {
    maxopacity[i]=1
}
​
function getpagesize() {
    windowwidth=parseInt(document.body.clientWidth)
    windowheight=parseInt(document.body.clientHeight)
    twidth=Math.floor(circleinnerwidth)
    theight=Math.floor(circleinnerheight)
    i_imgcounter=0
    
    for (i=0; i<displaymax; i++) {
        var thisspan=eval("document.getElementById('span"+i+"').style")
        thisspan.left=(twidth*Math.sin(decrement+i*segment*Math.PI/180)+circleinnerwidth+imgpadding)+"px";
        thisspan.top=(theight*Math.cos(decrement+i*segment*Math.PI/180)+circleinnerheight+imgpadding)+"px";
        thisspan.zIndex=parseInt(thisspan.top)
​
        op=parseInt(100/circleinnerheight*(parseInt(thisspan.top)*0.5))
        document.getElementById('span'+i).innerHTML="<a href='"+rotatinglink[i_imgcounter]+"'><img border=0 width="+imgwidth+" src='"+rotatingimage[i_imgcounter]+"' id='im"+i_imgcounter+"' onMouseover='stoprotating(this)' onMouseout='restartrotating()'></a><br>"+rotatingtext[i_imgcounter]
    document.getElementById('span'+i).style.visibility="visible"
            maxopacity[i]=-1
            i_imgcounter++
        if (i_imgcounter>=rotatingimage.length) {
            i_imgcounter=0
        }
    }
    
    rotatetext()
}
​
function rotatetext() {
    for (i=0; i<displaymax; i++) {
        var thisspan=eval("document.getElementById('span"+i+"').style")
        thisspan.left=(twidth*Math.sin(decrement+i*segment*Math.PI/180)+circleinnerwidth+imgpadding)+"px";
        thisspan.top=(theight*Math.cos(decrement+i*segment*Math.PI/180)+circleinnerheight+imgpadding)+"px";
        thisspan.zIndex=parseInt(thisspan.top)
​
        op=parseInt((100/circleinnerheight*(parseInt(thisspan.top)*0.5))-imgpadding)
        
        if (op<5 && maxopacity[i]==1) {
            if (i_imgcounter>=rotatingimage.length) {
                i_imgcounter=0
            }
            document.getElementById('span'+i).innerHTML="<a href='"+rotatinglink[i_imgcounter]+"'><img border=0 width="+imgwidth+" src='"+rotatingimage[i_imgcounter]+"' id='im"+i_imgcounter+"' onMouseover='stoprotating(this)' onMouseout='restartrotating()'></a><br>"+rotatingtext[i_imgcounter]
    document.getElementById('span'+i).style.visibility="visible"
            maxopacity[i]=-1
            i_imgcounter++
        }
        if (op>90) {
            maxopacity[i]=1
        }
    
        if (ie) {
            var thisfilter=eval("document.getElementById('span"+i+"')")
            thisfilter.filters.alpha.opacity=op
        }
        else {
            var thisfilter=eval("document.getElementById('span"+i+"').style")
            thisspan.opacity=op/100
        }
    }
    decrement-=step;
    tmr=setTimeout('rotatetext()', 50);
}
​
function stoprotating(thisobj) {
    clearTimeout(tmr)
    zoomobj=thisobj
    document.getElementById(zoomobj.id).style.width=(zoomfactor*imgwidth)+"px"
    document.getElementById(zoomobj.parentNode.parentNode.id).style.width=(zoomfactor*imgwidth)+"px"
    zoomobj.parentNode.parentNode.style.zIndex=9999
    if (ie) {
        zoomobj.parentNode.parentNode.filters.alpha.opacity=100
    }
    else {
        zoomobj.parentNode.parentNode.style.opacity=1
    }
}
​
function restartrotating() {
    document.getElementById(zoomobj.id).style.width=imgwidth+"px"
    document.getElementById(zoomobj.parentNode.parentNode.id).style.width=imgwidth+"px"
    rotatetext()
}
​
​
document.write('<div id="roof" style="position:relative;width:'+circlewidth+'px;height:'+(circleheight+textboxheight)+'px;">')
if (bgimg) {
    document.write('<img src="'+bgimg+'" width="'+circlewidth+'" height="'+(circleheight+textboxheight)+'">')
}
for (i=0;i<displaymax;i++) {
    document.write("<div id='span"+i+"' class='textstyle' style='filter:alpha(opacity=80);opacity:0.8;width:"+imgwidth+"px;visibility:hidden'></div>");
    i_imgcounter++
    if (i_imgcounter>=rotatingimage.length) {
        i_imgcounter=0
    }
}
document.write('</div>');
window.onload=getpagesize;
​
</script>
</div><br>
​
​
<center>
​
<style type="text/css">
A:link {text-decoration: none;  color: #FF00FF;}
A:visited {text-decoration: none;  color: #FF00FF;}
A:active {text-decoration: none;  color: #FF00FF;}
A:hover {font-size:24; font-weight:bold; color: #FF00FF;}
</style>
<script type="text/javascript">
​
TypingText = function(element, interval, cursor, finishedCallback) {
  if((typeof document.getElementById == "undefined") || (typeof element.innerHTML == "undefined")) {
    this.running = true;    // Never run.
    return;
  }
  this.element = element;
  this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });
  this.interval = (typeof interval == "undefined" ? 150 : interval);
  this.origText = this.element.innerHTML;
  this.unparsedOrigText = this.origText;
  this.cursor = (cursor ? cursor : "");
  this.currentText = "";
  this.currentChar = 0;
  this.element.typingText = this;
  if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;
  TypingText.all.push(this);
  this.running = false;
  this.inTag = false;
  this.tagBuffer = "";
  this.inHTMLEntity = false;
  this.HTMLEntityBuffer = "";
}
TypingText.all = new Array();
TypingText.currentIndex = 0;
TypingText.runAll = function() {
  for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();
}
TypingText.prototype.run = function() {
  if(this.running) return;
  if(typeof this.origText == "undefined") {
    setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);   // We haven't finished loading yet.  Have patience.
    return;
  }
  if(this.currentText == "") this.element.innerHTML = "";
//  this.origText = this.origText.replace(/<([^<])*>/, "");     // Strip HTML from text.
  if(this.currentChar < this.origText.length) {
    if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {
      this.tagBuffer = "<";
      this.inTag = true;
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {
      this.tagBuffer += ">";
      this.inTag = false;
      this.currentText += this.tagBuffer;
      this.currentChar++;
      this.run();
      return;
    } else if(this.inTag) {
      this.tagBuffer += this.origText.charAt(this.currentChar);
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {
      this.HTMLEntityBuffer = "&";
      this.inHTMLEntity = true;
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {
      this.HTMLEntityBuffer += ";";
      this.inHTMLEntity = false;
      this.currentText += this.HTMLEntityBuffer;
      this.currentChar++;
      this.run();
      return;
    } else if(this.inHTMLEntity) {
      this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);
      this.currentChar++;
      this.run();
      return;
    } else {
      this.currentText += this.origText.charAt(this.currentChar);
    }
    this.element.innerHTML = this.currentText;
    this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : "");
    this.currentChar++;
    setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);
  } else {
    this.currentText = "";
    this.currentChar = 0;
        this.running = false;
        this.finishedCallback();
  }
}
​
</script>
</head>
<body style='-moz-user-select: true; cursor: crosshair;'><body bgcolor="#413839" link="#150517" 