En la página móvil h5, la primera imagen div se muestra por primera vez. ¿Cómo escribir jq para cambiar a la siguiente imagen después de hacer clic en esta imagen? también
Sólo puedo darte algunas ideas, eh
El archivo adjunto es el archivo fuentelt;!doctype?htmlgt;
lt;htmlgt;
lt;headgt;
lt;meta?charset="utf-8"gt;
lt;titlegt;JavaScript?testlt;/titlegt;
lt;/headgt;
lt;bodygt;
?lt;script?src="/jquery-2.1.4.min.js"gt;lt;/scriptgt ;
?lt; h1gt; Para pruebas de computadora, consulte la automodificaciónlt;, especialmente eventos de clic vinculantes, tuve dolor de cabeza toda la tarde, corríjalo usted mismolt;/h3gt;
?
?lt;p?id="show"gt;lt; /pgt;
?lt;div?id="c"gt;
Un div utilizado para mostrar imágenes
?lt;/divgt;
p>?lt;div?id="s"gt;
Otro div utilizado para mostrar imágenes
?lt;/divgt;
?lt;
?
//Crear un método constructor? 1. ¿Objeto (Cadena)? 2. Dirección Src (Matriz) El tamaño de la imagen debe ser consistente; de lo contrario, la imagen será de acuerdo con la visualización establecida por los parámetros 3 y 4 de la puerta trasera. 4. Mostrar altura
function?obj(obj, srcArr, width, height){
?obj.number; // Número total de obj 1; p> ?window.obj.obj.push(this); //Introduce el objeto actual en obj.obj
?this.id=window.obj.number-1; , comenzando desde 0 para facilitar la indexación
?this.obj=obj; //La cadena del objeto actual
?this.index=0 //El índice de posición de la imagen es inicializado a 0
?this.srcArr=srcArr; //La matriz de direcciones de imagen del objeto actual
?this.width= width //Establece el ancho inicial
?this.height=height; //Establecer la altura inicial
?//Vincular el evento de clic
?eval('$("' this.obj ' ").click(function(){ventana.obj.obj[' this.id '].next.call(window.obj.obj[' this.id ' ]); }); ');
}
obj.number=0; obj.obj=Array(); //Inicializa el número de obj en 0, inicializa obj.obj para matrices
obj.prototype. next=function(){//Agregar un método siguiente a obj
?if(this.index?==?this.srcArr.le
ngth){// ¿Es el índice igual al número de matrices de imágenes, porque el índice comienza desde 0 y el número comienza desde 1?
this.index=0 // Igual significa que ha alcanzado el nivel; finalice, reinícielo a cero
?}
?$(this.obj).css({'width': '0px', 'height': '0px'}); // Configurar el ancho y alto inicial
?var?bg='url(' this.srcArr[this.index] ')' // ¿Almacenar información de URL? > ?$(this .obj).css({'background': bg}); //Cambiar el fondo
?$(this.obj).animate({'width': this.width , 'height': this .height}); //Animación para apuntar al ancho y alto
?this.index; //Aumenta la dirección del índice de la imagen y apunta a la siguiente posición de la imagen
}
//Usar parte
$(document).ready(function(){//El código que comienza a ejecutarse después de cargar el documento jQuery
?var?arr=['F： /Desktop Background/Pictures/219861.jpg', 'F:/Desktop Background/Pictures/225987.jpg'] //Crea una matriz de direcciones de imágenes
?var?obj1=new?obj("# c", arr, 1440, 1280); //Crea un obj
?obj1.next(); //Porque no hay imagen en desde el principio, así que llame al siguiente método para crear uno
?
?// Al crear un obj, pruebe si se pueden crear varios objetos al mismo tiempo
?var?obj2=new?obj("#s", arr, 1440, 1280);
?obj2.next();
?
?
?$('#show') .html('Actualmente hay' obj.number "objetos"); //Ver cuántos objetos hay
} );
?lt;/scriptgt ;
?
lt;/bodygt;
lt;/htmlgt;