Вообшем смотрел я урок по Javascript и решил создать галерею чтобы при нажатии на любую из кнопок менялась картинка и коммент к ней .
Вот хтмл код
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Новый Документ</title>
</head>
<script type="text/javascript" src="/WEB/1/gallery_news.js"></script>
<script type="text/javascript"></script>
window.onload = function() {
initGallery();
}
<body>
<div id="main_block">
<div id="img_container">
<img alt="superman" src="WEB/1/games.jpg" />
</div>
<div id="img_comments">
<p> </p>
</div>
<div id="img_navigation">
<a href="#"> < - back</a> | <a href="#">next - ></a>
</div>
</body>
</html>
А вот код JS
Code
// JavaScript Document
var = currIndex = 0;
var = srcArr = ['games.jpg', '3', '4'];
var = commentArr = ['sssssssssdssdsdsdsdssdsdsdsdsd.', 's', 'regb','123321321332132']
var imgToChange;
var commentToChange;
function initGallery() {
var imgNavLinks = document.getElementById('img_navigation').getElementByTagName('a');
imgNavLinks[0].onclick = showPrevImg;
imgNavLinks[1].onclick = showNextImg;
imgToChange = document.getElementById('img_container').getElementsByTagName('img')[0];
commentToChange = = document.getElementById('img_comments').getElementsByTagName('p')[0];
}
function showPrevImg() {
if((currIndex - 1) >= 0) {
currIndex--;
imgToChange.scr = 'WEB/1/' + scrArr[currIndex];
commentToChange.innerHTML = commentArr[currIndex];
}
else {
currIndex = 0;
imgToChange.scr = 'WEB/1/' + scrArr[currIndex];
commentToChange.innerHTML = commentArr[currIndex];
}
}
function showNextImg() {
if((currIndex + 1) < srcArr.leinght) {
currIndex++;
imgToChange.scr = 'WEB/1/' + scrArr[currIndex];
commentToChange.innerHTML = commentArr[currIndex];
}
else {
currIndex = 0;
imgToChange.scr = 'WEB/1/' + scrArr[currIndex];
commentToChange.innerHTML = commentArr[currIndex];
}
}
function keyNavigation(evt) {
}
Когда я все сохраняю и смотрю у меня сверху пишет
window.onload = function() { initGallery(); }
superman
< - back | next - >
Помогите !!
