Tengo el siguiente codigo el cual corresponde a un visor de imagenes con cuatro botones: primera, anterior, siguiente y ultima. Y necesito implementarle al codigo que cuando nos encontremos en la primera o ultima imagen, el boton anterior y siguiente esten desactivados respectivamente.
Yo he intentando incluirle una funcion (anteriorno) para ver si conseguia la desactivacion del boton pero no he tenido suerte.
Código HTML:
<HTML>
<HEAD>
<TITLE>Ejercicio6_2</TITLE>
<script language="JavaScript">
var photos=new Array()
photos[0]="images/alcazaba.jpg"
photos[1]="images/catedral.jpg"
photos[2]="images/noche1.jpg"
photos[3]="images/noche2.jpg"
photos[4]="images/bahia_mañana.jpg"
photos[5]="images/bahia_tarde.jpg"
var contador=0
function primera(){
if (contador>0){
contador=0;
document.images.fotos.src=photos[contador]
}
}
function anterior(){
if (contador>0){
contador--
document.images.fotos.src=photos[contador]
}
}
function siguiente(){
if (contador<photos.length-1){
contador++
document.images.fotos.src=photos[contador]
}
}
function ultima(){
if (contador<photos.length-1){
contador=photos.length-1;
document.images.fotos.src=photos[contador]
}
function anteriorno(){
if (document.images.fotos.src=(photos[0]))
{document.visor.B1.disable=true;
}
}
</script>
</HEAD>
<BODY onload="anteriorno()">
<table border="0" cellpadding="0">
<tr>
<td width="100%"><img src="images/alcazaba.jpg" name="fotos"></td>
</tr>
<tr>
<td width="100%"><form method="POST" name="visor">
<input type="button" value="<<Anterior" name="B1" onClick="anterior()">
<input type="button" value="|<Primera" name="B2" onClick="primera()">
<input type="button" value="Ultima>|" name="B3" onClick="ultima()">
<input type="button" value="Siguiente>>" name="B4" onClick="siguiente()">
<br>
</form>
</td>
</tr>
</table>
</body>
</html>