Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/11/2015, 09:23
larrysun2
 
Fecha de Ingreso: agosto-2015
Ubicación: En Carúpano
Mensajes: 49
Antigüedad: 8 años, 8 meses
Puntos: 12
Respuesta: Cambiar imagenes por medio de un boton

Aqui te hice un Ejemplo para que te guies.
y sí, es como dice IsaBelM
Código HTML:
Ver original
  1. <div id="viewer">
  2.     <img id="imgV" src="img0.png" alt="">
  3.     <button onclick="anterior(document.all['imgV'])">anterior</button><button onclick="siguiente(document.all['imgV'])">Siguiente</button>
  4. </div>
  5.     (function(){
  6.         var i = 0;
  7.         document.all["imgV"].srcList = []
  8.         document.all["imgV"].srcList[0] = "img0.png"
  9.         document.all["imgV"].srcList[1] = "img1.png"
  10.         document.all["imgV"].srcList[2] = "img2.png"
  11.         document.all["imgV"].srcList[3] = "img3.png"
  12.         document.all["imgV"].srcList[4] = "img4.png"
  13.  
  14.         anterior = function(imgElement){
  15.             if(i !== 0){
  16.                 i--
  17.             }else{
  18.                 alert("esta es la primera foto")
  19.                 return;
  20.             }
  21.             imgElement.src = imgElement.srcList[i]
  22.         }
  23.         siguiente = function(imgElement){
  24.             i++
  25.             if(!imgElement.srcList[i]){
  26.                 i--
  27.                 alert("esta es la ultima foto")
  28.                 return;
  29.             }
  30.             imgElement.src = imgElement.srcList[i]
  31.         }
  32.     })()

Última edición por larrysun2; 18/11/2015 a las 09:31