Смена картинки при выборе картинки из списка (select). Слайд шоу и презинтации. Коллекция Java Script в примерах.

Смена картинки при выборе картинки из списка (select)

<html>
<head>
<title>Смена картинки при выборе картинки из списка (select). Слайд шоу и презинтации. Коллекция Java Script в примерах.</title>
<SCRIPT language="javascript">
<!--// Image Selector
function selectImage(f)
{
if (document.flipForm.which.selectedIndex >= 0)
  document.flipForm.flip.src = imageSet[document.flipForm.which.selectedIndex];
}

function SelectorLongNames(width,height,listHeight,images,names)
{
/* si: start index 
** i: current index
** ei: end index
** cc: current count 
*/
 si = 0; 
 ci=0;
 cc=0;
 imageSet = new Array();
 ei = images.length;
for (i=1;i<ei;i++) {
if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
imageSet[cc] = images.substring(si,i);
cc++;
si=i+1;   }
}
currentFlip = 0;
 si = 0; 
 ci=0;
 cc=0;
 nameSet = new Array();
 ei = names.length;
for (i=1;i<ei;i++) {
if (names.charAt(i) == ',') {
nameSet[cc] = names.substring(si,i);
cc++;
si=i+1;
}
}
  currentFlip = 0;
  // should check nameSet.length == imageSet.length
  document.writeln("<FORM name=flipForm>");
  document.writeln("<table border=0><tr><td>");
  document.write("<img name='flip'");
  if (width >0)
    document.write("width="+width);
  if (height >0)
    document.write(" height=" +height);
  document.writeln(" src=" +imageSet[0]+ ">");
  document.writeln("</td></tr><tr><td>");
  document.write("<Select");
  if (listHeight > 0)
    document.write(" size="+listHeight);
  document.write(" name='which' onChange='selectImage(this.form)'>");
for (i=0;i<imageSet.length;i++)
if (i<nameSet.length)
document.write("<OPTION value="+i+">"+nameSet[i]);
else
document.write("<OPTION value="+i+">"+imageSet[i]);
document.writeln("</SELECT>");
document.writeln("</FORM>");
document.writeln("</td></tr></table>");
}
function SelectorLong(width,height,listHeight,images){
SelectorLongNames(width,height,listHeight,images,",");}
function PullDownSelector(width,height,images){
SelectorLongNames(width,height,-1,images,",")}
function PullDownSelectorNames(width,height,images,names){
SelectorLongNames(width,height,-1,images,names)}
// use -1 -1 if you don't know the width and height for the image
function Selector(width,height,images){
 listHeight=1; // размеры поля списка Select
SelectorLong(width,height,listHeight,images);
}
// End Script -->
</SCRIPT>
</HEAD>
<body bgcolor="000000" text="#00ff99" link="#00ff00" alink="#99ff00" vlink="#00cc00">
<iframe src="../menu.html" align="left" width="140" height="560" scrolling="no" frameborder="0"></iframe>
<P>
<SCRIPT>

</SCRIPT>
</P>
Некрасивая форма носа? Только <a href="http://www.interlaz.ru/Sanlasar/Services/Rhinoplasty/" target="_blank">ринопластика</a> в больнице идеально поможет.</body>

</HTML>

срочный ремонт телевизоров Panasonic. Двери форпост: модели форпост в Петербурге.. Выездной банкет санкт-петербург