пишу небольшую галерейку начал с маленьких картинок! но столкнулся с проблемай и незнаю как исправить облазил кучу сайтов! хтмл 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> <script type="text/javascript" src="js/gallery.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>тест галерея</title> <script type="text/javascript"> window.onload=function(){ gallery(); } </script> </head> <body> script Info : <input type="text" id='text' /> <div id="forTest"></div> <div id="allContent"> <div id="GalerImg"> <!--<a href="#"><img id="leftB" src="img/images/left.jpg" /></a><a href="#"><img id="rightB" src="img/images/right.jpg" /></a>--> <div id="gl1"> <img class="imgSize" id="img1" src="images/content/cL2.jpg" /> </div> <div> <input type="button" id="left" /> <div id="Ds"><a href="#"><img class="small" src="images/content/1.gif" /></a><a href="#"><img class="small" src="images/content/2.gif" /></a><a href="#"><img class="small" src="images/content/3.gif" /></a><a href="#"><img class="small" src="images/content/4.gif" /></a></div> <input type="button" id="right" /> </div> </div> </div> </body> </html> скрипт(строчка с ошибкой помеяена коментом и ошибкой которой выловил при работе) Code: var srcArr=['cL2.jpg','1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif',"9.gif",'10.gif','11.gif','12.jpg']; var allIndex=1; var img; var src; //'images/content/'+srcArr[indexImg]; function gallery(){ //document.getElementById('left').onclick=scrollsLeft; document.getElementById('right').onclick=scrollsRight; img=document.getElementById('img1'); //sortImg(); //notraf(); //auto(); } /*function notraf(){ //var imgForOpen=document.getElementById('Ds').getElementsByTagName('img'); var imgForOpen=document.getElementById('Ds').getElementsByTagName('img'); for(var i=0;i<imgForOpen.length;i++){ var imgClick=imgForOpen[i].onclick=replacement; } } function replacement(){ var imgRepl=document.getElementById('gl1').getElementsByTagName('img')[0]; imgClick=this; imgClick.className='imgSize'; imgRepl.className='small'; var ps=document.getElementById('Ds').getElementsByTagName('img')[0]; var cont=document.getElementById('gl1') var Ds=document.getElementById('Ds'); cont.replaceChild( imgClick,imgRepl); Ds.replaceChild( imgRepl,ps); imgClick.className='imgSize'; imgRepl.className='small'; }*/ function createElement(element){ var img=document.createElement('img'); var srcI=document.createAttribute('src'); var class=document.createAttribute('class') var links=document.createElement('a'); var href=document.createAttribute('href'); href.nodeValue='#'; srcI.nodeValue='images/content/'+element; class.nodeValue='small'; img.setAttributeNode(srcI); img.setAttributeNode(class); links.setAttributeNode(href); links.appendChild(img); return links; } var elements=0; var numberImg=5; function scrollsRight(){ var imgForScroll=document.getElementById('Ds').getElementsByTagName('img'); if(elements> imgForScroll.length) elements=0; document.getElementById('Ds').appendChild(createElement(srcArr[numberImg])) if( numberImg>(srcArr.length-2)){ elements=0; numberImg=1; imgForScroll[elements].style.display='block' document.getElementById('Ds').replaceChild(imgForScroll[elements],imgForScroll[3])//ошибка тут вот сама ошибка "gallery.js:64Uncaught Error: NOT_FOUND_ERR: DOM Exception 8" } else{ imgForScroll[elements].style.display='none'; } elements++;//счетчик numberImg++;//счетчик //document.getElementById('text').value=numberImg+'>'+len }
