El tema es que no tienes puesta ninguna ID a la imagen para identificarla. Para que funcione el código que has puesto deberías modificar la función cambiar y dejarlo algo así (reutilizando tu código):
Código Javascript
:
Ver originalfunction cambiar(esto)
{
vista=document.getElementById(esto).style.display;
if (vista=='none') {
vista='block';
clase = 'noticiasVerMenos';
} else {
vista='none';
clase = 'noticiasVerMas';
}
document.getElementById(esto).style.display = vista;
document.getElementById('imgVer').className = clase;
}
Código HTML:
Ver original<a href="#" onclick="cambiar('mostrar'); return false;" title="listar" class="secciono10px"><img id="imgVer" style="vertical-align: bottom;" src="images/trans.gif" class="noticiasVerMas" onclick="this.className='noticiasVerMenos'; return false;" alt="Ver mas" width="12px" height="12px"></a>
Aunque sigo pensando que te sería más fácil en vez de tener que crear una clase para cada estado, cambiar directamente el src de la imagen del mismo modo:
Código Javascript
:
Ver originalfunction cambiar(esto)
{
vista=document.getElementById(esto).style.display;
if (vista=='none') {
vista='block';
img = 'vermenos.gif';
} else {
vista='none';
img = 'vermas.gif';
}
document.getElementById(esto).style.display = vista;
document.getElementById('imgVer').src = 'images/'+img;
}
Código HTML:
Ver original<a href="#" onclick="cambiar('mostrar'); return false;" title="listar" class="secciono10px"><img id="imgVer" style="vertical-align: bottom;" src="images/trans.gif" alt="" width="12px" height="12px"></a>
Menos engorroso :)