Фото меняется кнопками

Фото меняется кнопками

Главная Контакты Софт Термины Неисправности Поисковики Шаблоны

Нажмите на кнопки ниже

Городище Пантикапей . 600 лет до н.э.

Царский курган. 400 лет до н.э.

Городище Нимфей.570 лет до н.э.

Руины Тиритаки. 400 лет до н.э.

Просмотр скрипта

<style>
.demoPopup {
  border: solid px;
  font-family: Arial;
  font-size: 12px;
  display: none;
  position: absolute;
  width: 400px;
  z-index: 60;
}
.demoPopuptitle {
  background: #A1FEF9";
  color: white;
  font-weight: bold;
  height: 15px;
  padding: 5px;
}
.demoPopupbody {
  background: #A1FEF9";
  padding: 5px;
  text-align: center;
}
#demoPopup1 {
  top: 120px;
  left: 250px;
}
#demoPopup2 {
  top: 120px;
  left: 300px;
}
 #demoPopup3 {
  top: 120px;
  left: 350px;
}
#demoPopup4 {
  top: 120px;
  left: 400px;
}
</style>
<script language=JavaScript>
var fadeOpacity  = new Array();
var fadeTimer    = new Array();
var fadeInterval = 50;
function fade(o,d) {
  var obj = document.getElementById(o);
if((fadeTimer[o])||(d&&obj.style.display!='block')||(!d&&obj.style.display=='block')) {
    if(fadeTimer[o])
      clearInterval(fadeTimer[o]);
    else
      if(d) fadeOpacity[o] = 0;
      else  fadeOpacity[o] = 9;
    obj.style.opacity = "."+fadeOpacity[o].toString();
    obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
    if(d) {
      obj.style.display = 'block';
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",1);',fadeInterval);
    } else
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",-1);',fadeInterval);
  }}
function fadeAnimation(o,i) {
  var obj = document.getElementById(o);
  fadeOpacity[o] += i;
  obj.style.opacity = "."+fadeOpacity[o].toString();
  obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
  if((fadeOpacity[o]=='9')|(fadeOpacity[o]=='0')) {
    if(fadeOpacity[o]=='0')
      obj.style.display = 'none';
    else {
      obj.style.opacity = "1";
      obj.style.filter  = "alpha(opacity=50)";
    }
    clearInterval(fadeTimer[o]);
    delete(fadeTimer[o]);
    delete(fadeTimer[o]);
    delete(fadeOpacity[o]);
  }  }
</script>
</head>
<body>
 <table Border=0 CellSpacing=5 CellPadding=10 Width="%" Align="" vAlign="">
 <tr>
  <td>
<input type="button" value="foto 1" onClick="fade('demoPopup1',true);">
<div id="demoPopup1" class="demoPopup">
  <div class="demoPopuptitle"><img src="a01.jpg" width=300></div>
  <div class="demoPopupbody">
<input type="button" value="Закрыть" onClick="fade('demoPopup1',false);">
</div></div>  <br><br>
<input type="button" value="foto 2" onClick="fade('demoPopup2',true);">
<div id="demoPopup2" class="demoPopup">
  <div class="demoPopuptitle"><img src="s1.jpg" width=300></div>
  <div class="demoPopupbody">
<input type="button" value="Закрыть" onClick="fade('demoPopup2',false);">
</div></div><br> <br>
 <input type="button" value="Foto 3" onClick="fade('demoPopup3',true);">
<div id="demoPopup3" class="demoPopup">
  <div class="demoPopuptitle"><img src="s2.jpg" width=400></div>
  <div class="demoPopupbody">
<input type="button" value="Закрыть" onClick="fade('demoPopup3',false);">
</div></div> <br><br>
<input type="button" value="Foto 4" onClick="fade('demoPopup4',true);">
<div id="demoPopup4" class="demoPopup">
  <div class="demoPopuptitle"><img src="s3.jpg" width=400></div>
  <div class="demoPopupbody">
<input type="button" value="Закрыть" onClick="fade('demoPopup4',false);">
</div></div><br> <br>
<center><font color="#B30400" size="5">Фото меняется кнопками</font></center></td><td>

Пример создания сайта
Размещение сайта в Интернете
Раскрутка сайта в Интернете
Заработок в Интернете
Visual Basic 6.0 с примерами
VBScript
Руководство по C++
JavaScript
Анимация в формате GIF
Вставка видео SWF в сайт.
Пиктограмма сайта (favicon)

Эффекты просмотра фото