Salve a tutti,
sono un novello di scripting
Volevo sapere come potevo modificare uno script perchè venga codiviso con più file.....
mi spiego meglio.....


codice:
window.onload=function(){
if(!document.getElementById || !document.getElementsByTagName) return;
links=document.getElementById("minipics").getElementsByTagName("a");
for(i=0;i<links.length;i++)
    links[i].onmouseover=function(){Show(this);return(false)}
}

function Show(obj){
bigimg=document.getElementById("bigimage");
bigimg.src=obj.getAttribute("onmouseover");
smallimg=obj.getElementsByTagName("img")[0];

t.removeChild(t.lastChild);
t.appendChild(document.createTextNode(smallimg.title));
}
lo script postato si riferisce ad una galleria di immagini, dove quando si va sopra ad una thumbnail essa verrà ingrandita in un apposito spazio



codice:
<div id="container">
      <div id="gallery">
        <div id="zoom" style="position:absolute; left: 92px; top: 215px; width: 248px; height: 164px;"> [img]D1/00.jpg[/img] </div>
        <div id="minipics"> <a onmouseover="D1/00.jpg">[img]D1/00.jpg[/img]</a> <a onmouseover="D1/01.jpg">[img]D1/01.jpg[/img]</a> <a onmouseover="D1/03.jpg">[img]D1/03.jpg[/img]</a> </div>
      </div>
    </div>
<div id="container">
      <div id="gallery">
        <div id="zoom" style="position:absolute; left: 92px; top: 653px; width: 248px; height: 164px;"> [img]D3/00.jpg[/img] </div>
        <div id="minipics"> <a onmouseover="D3/00.jpg">[img]D3/00.jpg[/img]</a> <a onmouseover="D3/01.jpg">[img]D3/01.jpg[/img]</a> <a onmouseover="D3/02.jpg">[img]D3/02.jpg[/img]</a> </div>
      </div>
    </div>
questo codice, invece si riferisce alle due div che usufruiscono dello script prima postato......solo che uno dei non funziona...................

ecco il link d'esempio: http://agenn.altervista.org/

Come potete vedere il secondo caso non funziona......
Vi prego di aiutarmi sto impazzendo!!