Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Vex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
- <link href="http://thunderdome.club/css/style.css" rel="stylesheet" media="screen">
- <link rel="shortcut icon" href="http://s3.amazonaws.com/garysguide/685aa02a71514012ade2721b5b79a346original.jpg">
- </head>
- <body>
- <div id="wrapper">
- <div id="content">
- <div id="welcome" style="display:none;">Welcome...</div>
- <div id="thunderdome" style="display:none;">To VEX<br>
- <a href="http://vexguildcom.ipage.com/apply.html" class="myButton">Apply</a>
- <a href="" class="myButton">Forum</a>
- </div>
- </div>
- </div>
- <div id="chatWrapper">
- <div id="chat"></div>
- </div>
- <div id="music">
- </div>
- <div id="imageWrapper">
- <img style="opacity:0;" id="image1" src="">
- <img style="opacity:0;" id="image3" src="">
- <img style="opacity:0;" id="image2" src="">
- <img style="opacity:0;" id="image4" src="">
- </div>
- <script src="http://code.jquery.com/jquery.js"></script>
- <script src="http://thunderdome.club/js/miniHues.js"></script>
- <script type="text/javascript">
- var loaded = false;
- var animated = false;
- $( document ).ready(function() {
- miniHues.init();
- //miniHues.setTextElement(document.getElementById("music"))
- miniHues.setColorElement(document.body);
- preload(images);
- $( "#welcome" ).delay(500).fadeIn(2000, function(){
- animated = true;
- thunderdome();
- });
- });
- </script>
- <script type="text/javascript">
- function thunderdome() {
- if(loaded && animated) {
- $( "#thunderdome" ).show();
- miniHues.toggle();
- }
- }
- var i, up = 0, lastChat, lastImage, count = 50;
- var nextSkyshad = 75;
- var first = true;
- var active = true;
- var fadeTime = 20;
- var distance = '30px';
- var image1, image11, image2, image22;
- var names = ["Sydêll","Projën","Nastyelement","Sevenzulu","Negativesevn","Riceeater","Bruenner","Pingpongball","Vengeful",
- "Ârröw","Dispersd","Canibles","Starsurgeinc","Darahion","Ziffyx","bobsblade",
- ];
- var images = ["/8.png", "img/1.png" , "img/2.png" , "img/3.png", "img/4.png", "img/5.png",
- "img/6.png", "img/7.png"];
- function addChat() {
- if(first) {
- i = 0;
- first = false;
- } else {
- i = uniqueRandom(lastChat, names.length);
- }
- lastChat = i;
- if(count == nextSkyshad) {
- $( "#chat" ).append('[1] Pingpongball: <span style="color: #e89e79;">[Vax]</span><br>');
- count = 0;
- nextSkyshad = 100;
- } else {
- $( "#chat" ).append('[1] ' + names[i] + ': <span style="color: #a335ee;">[Vex]</span><br>');
- }
- count++;
- }
- function changeImage() {
- if(active) {
- i = uniqueRandom(lastImage, images.length);
- up = uniqueRandom(-1, 2);
- lastImage = i;
- if( $('#image1').css("opacity") < 1 ) {
- image1 = $("#image1");
- image11 = $("#image3");
- image2 = $("#image2");
- image22 = $("#image4");
- } else {
- image1 = $("#image2");
- image11 = $("#image4");
- image2 = $("#image1");
- image22 = $("#image3");
- }
- image2.attr("src",images[i]);
- if(up < 1) {
- image2.css('right', distance);
- image2.css('bottom', '0px');
- image1.animate({
- 'opacity' : 0,
- 'right' : '+=' + distance
- },fadeTime);
- image2.animate({
- 'opacity' : 1,
- 'right' : '-=' + distance
- },fadeTime);
- } else {
- image2.css('right', '0px');
- image2.css('bottom', distance);
- image1.animate({
- 'opacity' : 0,
- 'bottom' : '+=' + distance
- },fadeTime);
- image2.animate({
- 'opacity' : 1,
- 'bottom' : '-=' + distance
- },fadeTime);
- }
- }
- }
- function preload(arrayOfImages) {
- $(arrayOfImages).each(function(){
- (new Image()).src = this;
- });
- }
- function uniqueRandom(last, max) {
- var i = Math.floor((Math.random() * max));
- if(i == last)
- i = (i + 1) % last;
- return i;
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement