Iterar fotos

by Luis Martin

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="intercalar_2_imagenes" value="Crear">

<div id="imagen"></div>

JavaScript

$("#intercalar_2_imagenes").click(function() {


  var img = new Image();
  
  var fotos = [
  	'http://dogtowndogtraining.com/wp-content/uploads/2012/06/300x300-061-e1340955308953.jpg',
    "https://c1.staticflickr.com/4/3487/5816558694_451cce568b.jpg",
    "https://image.freepik.com/vector-gratis/calaveras-de-azucar-patrones-de-costura-paquetes-de-vectores-florales-regalo-de-promocion_639302.jpg"
  ];

  
  
  if ($('#imagen').html() == "") { //no hay foto
  img.src = fotos[0];
    $('#imagen').append(img);
    $(this).val("cambiar");
  } else {// hay foto

    var fotoActual = $('#imagen>img').attr("src")  ;
    var siguienteFoto = fotos.indexOf(fotoActual)+1;

    if(siguienteFoto >= fotos.length) siguienteFoto = 0;
    $('#imagen>img').attr("src", fotos[siguienteFoto]) ;
    

  }
});