slide-show en conflicto con html5

[mdo]

Hola a los expertos de jQuery. Tengo un slide-show de jQuery que me crea problemas al validarlo dentro de HTML5, el punto conflictivo en cuestión es "value" en el <li>:

Código:

<div id="thumbarea" style="width:436px; overflow:hidden;">

        <ul id="thumbs">

                <li value="1"><img src="thumbs/1.jpg" alt="#" /></li>

                <li value="2"><img src="thumbs/2.jpg" alt="#" /></li>

                <li value="3"><img src="thumbs/3.jpg" alt=”#” /></li>
        Y así sucesivamente....
       </ul>
</div><!--end thumbarea-->

dentro del js de slide tengo en la primera parte lo siguiente (debo decirles que leí todo el script para encontrar otro value pero no lo encontré):

Código:

init:function(){

        document.onmousemove=this.pos; window.onresize=function(){setTimeout("slideShow.lim()",500)};

        ys=this.toppos(ta); ye=ys+ta.offsetHeight;

        len=t.length;tar=[];

        for(i=0;i<len;i++){

        var id=t[i].value; tar[i]=id;

        t[i].onclick=new Function("slideShow.getimg('"+id+"')");

        if(i==0){this.getimg(id)}

}

intenté cambiar la palabra "value" por “valor” (para que no fuera un string) en ambos sitio pero no me funciona así. Sinceramente, estaría muy agradecida a quién me pueda dar una mano con esto. Hace tres días que publiqué esta consulta y nadie responde...
Gracias