VPF::Динамическая галерея рисунков

olyaspb

Дата 9.10.2008, 18:40 (ссылка)

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

Загрузка ...

Новичок

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

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

Необходимо разработать динамическую галерею рисунков. Пути до рисунков должны храниться в массиве, при добавлении очередного рисунка в массив он должен выводиться на страницу автоматически. При щелчке по миниатюре на странице, большое изображение должно выводиться ниже на этой же странице.

Я в javascript чайник, поэтому получилось вот так:

Код


<script type="text/javascript">

var Images = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg" );
                    
for(var i=0; i < Images.length ; i++)
{
document.write("<img src='images/small/" + Images[i] + " '  class='normal' onClick='Big();' onMouseOver='this.className='over'' onMouseOut='this.className='normal'' >"); 
}
                 
function Big()
{
document.getElementById('bigPic').src="images/" + Images[i];
}
                
document.write("<img src='images/1.jpg' id='bigPic' class='bigImage' >");
                 
</script>

Скрипт не работает. Не пойму, что в коде неправильно? smile

bars80080

Дата 9.10.2008, 20:00 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

кто вас там учит document.write() расставлять?

Код


<div id="gale"></div>
<script type="text/javascript">
var pics = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg" );
var str = '';                    

for(var i=0; i < pics.length ; i++) {
    str += '<img src="images/small/' + pics[i] + '"  class="normal" onclick="Big(\'' + i + '\');" onmouseover="this.className=\'over\'" onmouseout="this.className=\'normal\'" />'; 
}
document.getElementById('gale').innerHTML = str;
function Big(x) {
      document.getElementById('bigPic').src="images/" + pics[x];
}
</script>

<img src='images/1.jpg' id='bigPic' class='bigImage' />

не проверял. если не будет работать советую пути сделать абсолютными

Это сообщение отредактировал(а) bars80080 - 9.10.2008, 20:06

Michael.de

Дата 9.10.2008, 20:02 (ссылка)

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

Загрузка ...

Опытный

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

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

olyaspb: Для помогающих удобнее, если код даётся от <html> до </html>, пусть даже это и dummy-страничка.
Мне бросилось в глаза, что в 7й строчке какое-то "изобилие" кавычек smile

bars80080

Дата 9.10.2008, 20:02 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

с кавычками конечно могут быть заморочки

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