VPF::Галерея - Форум программистов

Toska

Дата 10.4.2008, 11:10 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.5.2007

Репутация: нет
Всего: нет

Здравствуйте.
У меня задание:
Создать страницу со скриптом, который отображает в зависимости от действий пользователя (нажатие на кнопку) несколько (не более 5-10) различных рисунков попеременно в одной и той же области HTML-страницы. Если пользователь выбирает кнопку «Все на одной странице», то скрипт должен открыть новую страницу, на которой должны быть размещены все рисунки в компактном виде.

Первую чать я вроде как сделал. Подскажите как сделать вторую кнопку «Все на одной странице»?

Вот код:

Может что нибуть стоит поправить?

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>

 <script>       
var slideShowSpeed = 2000

var Pic = new Array() 
var j = 0
var p = 0    

//Pic[0] = 'images/1.jpg'
//Pic[1] = 'images/2.jpg'
//Pic[2] = 'images/3.jpg'


var preLoad = new Array()


function full(){

}
 function runSlideShow(){ 

 for (i = 0; i < document.getElementById("selansw1").value; i++)
    Pic[i] = 'images/' + i + '.jpg'  
 
   //  alert(Pic[i]);  }
     
var p = Pic.length         


for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

//function runSlideShow(){
//   if (document.all){
//      document.images.SlideShow.style.filter="blendTrans(duration=2)"
//      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
//      document.images.SlideShow.filters.blendTrans.Apply()      
//   }
   document.images.SlideShow.src = preLoad[j].src
//   if (document.all){
//      document.images.SlideShow.filters.blendTrans.Play()
//   }
   j = j + 1
   if (j > (p-1)) j=0
   setTimeout('runSlideShow()', slideShowSpeed)
}
</SCRIPT>

</head>
<body>
<IMG class=img name=SlideShow src="images/0.jpg">  


<table width="100%" border="1">
<tr>
<td width="50%">
Выводить на страницу
</td>
<td width="50%"> 
     <select name="selansw1" style="width:200px;">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
    </select>
</td>
</tr>
<tr>
<td width="50%">
&nbsp;
</td>
<td width="50%"> 
   <button onclick="runSlideShow()">Go</button>
</td>
</tr>
<tr>
<td width="50%">

&nbsp;
</td>
<td width="50%"> 
   <button onclick="full()">Все на одной</button>      
</td>
</tr>
</table>
 
 
 
</body>
</html>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »