Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.03.2012, 21:25
Новичок на форуме
Отправить личное сообщение для станислав123 Посмотреть профиль Найти все сообщения от станислав123
 
Регистрация: 06.03.2012
Сообщений: 7

Скрипт галереи + слайд-шоу на JavaScript
Всем здравствуйте.Помогите пожалуйста.Нашел скрипт (на сайте http://myrusakov.ru/javascript-galle...w.html).Как можно его переделать чтобы картинка не сразу менялась а с начало шло описание картинки.И так после каждой.Надеюсь на помощь.сам скрипт выглядит так

Код JavaScript (вставлять между тегами <head> и </head>):
<script language = "JavaScript">
var timer = null;
var delay = 2000;
var ar_src = new Array();
function setBigImageSlide(group) {
var group = document.getElementById(group);
var images = group.childNodes;
var src = new Array();
var k = 0;
for (var i = 0; i < images.length; i++) {
if (images[i] instanceof HTMLImageElement) {
src[k] = images[i].src;
k++;
}
}
ar_src = src;
if (timer != null) clearTimeout(timer);
imagesSlide(0);
}
function imagesSlide(i) {
var image = document.getElementById("bigimgslide");
image.src = ar_src[i];
i++;
if (i == ar_src.length) i = 0;
timer = setTimeout("imagesSlide(" + i + ")", delay);
}
</script>

Код HTML (вставлять между тегами <body> и </body>):
<div>
<p style = 'text-align: center;'>
<img id='bigimgslide' src='images/javascript/space_1.jpg' height='150' alt='Главное изображение' />
</p>
<table style = 'margin: 0 auto;' border = '1'>
<tr>
<td>
<img src = 'images/javascript/space_1.jpg' width = '100' onclick = 'setBigImageSlide("space")' alt = 'Изображение 1' />
<div id="space">
<img src = 'images/javascript/space_1.jpg' width = '100' style="display: none;" alt = 'Изображение 1a' />
<img src = 'images/javascript/space_2.jpg' width = '100' style="display: none;" alt = 'Изображение 1b' />
<img src = 'images/javascript/space_3.jpg' width = '100' style="display: none;" alt = 'Изображение 1c' />
</div>
</td>
<td>
<img src='images/javascript/flower_1.jpg' width='100' onclick='setBigImageSlide("flowers")' alt='Изображение 2' />
<div id="flowers">
<img src='images/javascript/flower_1.jpg' width='100' style="display: none;" alt='Изображение 2a' />
<img src='images/javascript/flower_2.jpg' width='100' style="display: none;" alt='Изображение 2b' />
<img src='images/javascript/flower_3.jpg' width='100' style="display: none;" alt='Изображение 2c' />
</div>
</td>
<td>
<img src='images/javascript/animal_1.jpg' width='100' onclick='setBigImageSlide("animals")' alt='Изображение 3' />
<div id="animals">
<img src='images/javascript/animal_1.jpg' width='100' style="display: none;" alt='Изображение 3a' />
<img src='images/javascript/animal_2.jpg' width='100' style="display: none;" alt='Изображение 3b' />
<img src='images/javascript/animal_3.jpg' width='100' style="display: none;" alt='Изображение 3c' />
</div>
</td>
</tr>
</table>
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрипт онлайн радио javascript Мерлин Ваши сайты и скрипты 1 28.05.2012 10:52
Помогите студенту! скрипт галереи Мария_ Общие вопросы Javascript 1 04.06.2011 18:45
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
проблема со слайд шоу, помогите пожалуйста. Ketch_Ozzy Общие вопросы Javascript 5 15.05.2009 23:34