Red de conocimiento informático - Material del sitio web - Cómo hacer un carrusel de varias imágenes en el sitio web, por favor código fuente

Cómo hacer un carrusel de varias imágenes en el sitio web, por favor código fuente

Hay un tipo de imagen que puede cambiar automáticamente las imágenes en un área de imagen fija. También hay números como 1.2.3.4.5 escritos a continuación. Coloque tres o cuatro imágenes en el código del carrusel de imágenes de la página web para lograr el carrusel automático. el mouse Haga clic en el número de la imagen en la esquina inferior derecha para mostrarla automáticamente. El efecto es el siguiente:

¿Cómo lograr este tipo de efecto de carrusel de imágenes de sitio web para su propio sitio web? Los pasos son los siguientes:

El primer paso: coloque los archivos swf y js de la presentación de diapositivas en la carpeta del tema.

El segundo paso: coloque el contenido creado para mostrar; La imagen se coloca en la carpeta de imágenes del tema. El nombre solo puede ser 1.js" type=text/javascriptgt;lt;/SRIPTgt;

Paso 4: donde coloques la presentación de diapositivas en la oración siguiente, debes agregar la ruta completa;lt ; SCRIPT src='/js/config.inc.js' type=text/javascriptgt;lt;/SRIPTgt;

Paso 5: Modifique la carpeta js config.inc. image La dirección de la ruta y el ancho y alto de la imagen deben completarse en el archivo JS.

(función($){

var imag=[];

var enlace=[];

var texto=[ ]; imag[0]=encodeURIComponent("");

text[0]="Aprendiendo a hacer un sitio web en foros";

imag[1]=encodeURIComponent(""

text[1]="Aprende a crear foros de sitios web"

imag[2]=encodeURIComponent(""); ]="Aprende a hacer foros de sitios web";

imag[3]=encodeURIComponent("");

text[3]="Aprende a hacer foros de sitios web";

p>

if(imag.length lt; 4){

for(var i=imag.length; ilt; 4;i){

imag[i]= "http://localhost/10/wp-content/themes/Studio/images/1.jpg";

link[i]=encodeURIComponent("/");

text[i]="Aprende a crear foros de sitios web"

}

}

var pic_width=960;

var pic_height =240;

var stop_time=6000;

makeSWF('FrontPageFocusShower', 'http://localhost/10/wp-content/themes/Studio/ focus2.swf', {

FlashVars: 'pics=' imag.join('|') 'amp; enlaces=' link.join('|') 'amp; ('|') 'amp; stop_time=' stop_time '',

wmode: 'opaco',

escala: 'noScale',

calidad: 'alto',

ancho: pic_width,

alto: pic_height

});

})($);