Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Фотоальбом</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META http-equiv=imagetoolbar content=no>
<SCRIPT language=javascript type=text/javascript>

<!--
var images = 1;
var words = 1;

var photos=new Array();
  photos[0]="0/02.jpg"
  photos[1]="0/03.jpg"
  photos[2]="0/04.jpg"
  photos[3]="0/05.jpg"
  photos[4]="0/06.jpg"
  photos[5]="0/07.jpg"
  photos[6]="0/08.jpg"
var message=new Array();
  message[0]="1. A recent photo. Clicked on one of the many bridges that dot the National Highway 17 in the state of Kerala, India. A state known for its beaches, waterways and greenery. Kerala is often referred to as God's Own Country due to its abundant natural beauty!"
  message[1]="2. This photo was clicked in my den. Here I can expect the unexpected. Like having squirrels peek into the room or have flower peckers or sunbirds buzz the window!"
  message[2]="3. Guess who? Yep, that's me! This photo was taken on my first birthday."
  message[3]="4. This photo was clicked on my brother's 5th birthday. I was 2 and half years old."
  message[4]="5. My brother's recent photo. It was clicked by me on a beach very close to our home. The structure in the background is a popular yoga-meditation centre."
  message[5]="6. My parents. This photo was clicked a few years back at my mom's ancestral home. This home is more than 80 years old."
  message[6]="7. My most recent photo. This was clicked at my home. Web-design, the Internet, reading, music, movies, nature, photography, fitness and yoga; these are my interests."
function cntDwn() {
   document.change.counter.value=message.length-1; }

preload=new Image(400,255);
  preload.src="0/02.jpg";
  preload.src="0/03.jpg";
  preload.src="0/04.jpg";
  preload.src="0/05.jpg";
  preload.src="0/06.jpg";
  preload.src="0/07.jpg";
  preload.src="0/08.jpg";
//-->
</SCRIPT>
<style>
BODY {
	LINE-HEIGHT: 17px; BACKGROUND-COLOR: #ffffff
}
A {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
#about {
	FONT-SIZE: 12px; MARGIN-BOTTOM: 15px; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.link A {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: black 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana,arial,helvetica,sans-serif; BACKGROUND-COLOR: #ffff00; TEXT-DECORATION: none
}
.link A:hover {
	FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,helvetica,sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
H1 {
	FONT-SIZE: 18px; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
H2 {
	MARGIN-TOP: 0px; FONT-SIZE: 13px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 26px; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.copy {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.button {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: "ms sans serif",arial,helvetica,sans-serif; BACKGROUND-COLOR: #cccccc
}
.button_1 {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #c0c0c0 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: "ms sans serif",arial,helvetica,sans-serif; BACKGROUND-COLOR: #cccccc
}
#navlist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 3px; FONT: bold 11px "ms sans serif",arial,helvetica,sans-serif; MARGIN-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: black 1px solid
}
#navlist LI {
	DISPLAY: inline; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#navlist LI A {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: black 1px solid; PADDING-LEFT: 8px; BACKGROUND: #ffff00; PADDING-BOTTOM: 3px; MARGIN-LEFT: 4px; BORDER-LEFT: black 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: black 1px; TEXT-DECORATION: none
}
#navlist LI A:link {
	COLOR: black
}
#navlist LI A:visited {
	COLOR: black
}
#navlist LI A:hover {
	BORDER-LEFT-COLOR: black; BACKGROUND: white; COLOR: black; BORDER-TOP-COLOR: black; BORDER-BOTTOM: white 1px solid; BORDER-RIGHT-COLOR: black
}
#navlist LI A#current {
	BACKGROUND: white; BORDER-BOTTOM: white 1px solid
}
.sublinks {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: black 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: black 1px solid
}

</style>
</HEAD>
<BODY onload="document.change.explain.value=message[0]; restart();">
<DIV align=center></DIV>
<FORM style="MARGIN: 1px" name=change action="">
<TABLE cellSpacing=0 cellPadding=0 width=690 align=center border=4>
  <TBODY>
  <TR>
    <TH align=middle bgColor=#ffff00 colSpan=2>
      <H2>- Slide Show -</H2></TH></TR>
  <TR>
    <TD><IMG  alt="" 
      src="0/01.jpg" width=400 
      name=slides> </TD>
    <TD vAlign=top align=middle bgColor=#ffffff>
      <DIV class=copy align=center><TEXTAREA style="BORDER-TOP: #ffffff 3px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 13px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #ffffff 10px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 3px solid; FONT-FAMILY: verdana,arial,helvetica,sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffffff" name=explain rows=10 cols=33>

Photos Remaining: