random-image-viewer-3.html

<!DOCTYPE HTML>
<html>
 <head>
 
 <title>Bitcoinmeetups.org - Bitcoin Services and Beyond</title>
<!--
<META HTTP-EQUIV="refresh" 
CONTENT="0;URL=mailto:bitcoinmeetups-org%40googlegroups.com?subject=Contact&body=%20%20%20Hi%20there%2C%20%20%20%0D%0A%20%20%20%20%20%20%0D%0A%20%20%20How%20can%20we%20help%20you%3F%20%20%20%0D%0A%20%20%20%20%20%20%0D%0A%20%20%20Have%20you%20joined%20the%20Google%20Group%20yet%3F%20%20%20
">

< deltab> Freeservices: btw, you could use the length of the array rather than a hardcoded number; that'll clarify the 
                purpose and mean that you don't have to make changes in two places when you add or remove an image
<meta http-equiv="refresh" content="50">
-->


  <meta content="Bitcoin giveaways, tipping, meetups and freelancing. List of meetups, Skype, LINE and Gems groups everywhere in the world including New York, Tokyo and perhaps your local city. Furthermore collaborative open source projects on Github">
  <meta content="Gems, getgems.org, changetip, tipping, Meetup, counterparty, dogeparty, meetups, Telegram, Telegram app, IM, instant messaging, Bitcoin, freelancing, freelancer, crowdfunding, crowdsourcing, git, open source, fiverr, questions, forms, Video, Voice, Bitcoin, blockchain, maidsafe, bitmessage, skype conference, localbitcoin, meetup.com, localbitcoins.com, global, worldwide skype conferece, local skype group, bitcoinmeetups.org, github" name="keywords" />

<style type="text/css">

/*
body

{

background-color:#E5E5E8;

}
*/


img

{

  max-width: 100%;

min-width: 100%;


}


div.left

{

position: absolute;
left: 0%;
width: 100%;
height:100%;
overflow: none;
background-color:#000000;

}


/*
div.lowerright

{

position: absolute;
left: 50%;
width: 50%;
top: 50%;
height:50%;
background-color: black;


}


*/


h2

{

font-size:200%;
color:white;


}

h3

{

font-size:180%;

color:pink;


}

textarea {
   font-size: 30pt;
   color: black;
   font-family: verdana;
   border: none;
} 

h4

{

font-size:180%;
color:green;
background-color:#E5E5E8;

}

h5

{

font-size:180%;
color:red;
background-color:#E5E5E8;


}

.visibleDiv, #topLeft
  {
      position: absolute;
      height: 800px;
      top:70%;
      width: 100%;
      height:20%;
      border: none;
      vertical-align: middle;
      background: #000000;
      z-index: 2;
  }
  
  #topLeft
  {
  bottom: 0px;
  left: 0px;
  color: #CFF;
  }

  a:link,a:hover {font-size:180%; font-weight: bold; background-color:#E5E5E8; color:black; text-decoration:none;}
a:visited,a:active {font-size:180%; font-weight: bold; background-color:#E5E5E8; color:black; text-decoration:none;}

  a#red:link,a#red:hover {font-size:180%; font-weight: bold; background-color:#E5E5E8; color:black; text-decoration:none;}
a#red:visited,a#red:active {font-size:180%; font-weight: bold; background-color:#E5E5E8; color:black; text-decoration:none;}


</style>


 </head>
 <body>


<div class="left" align="center">

 <img id="RndImg" border="0" src="https://image.jpg" alt="Wait for 60 seconds"  >
Wait for 60 seconds

<script type="text/javascript" src="random-image-viewer-3.js"></script>

</div>


</div>


</body>


</html>