Cómo desplazar imágenes en Dreamweaver, es decir, desplazarlas una por una como en este sitio web (www.zhiga.com), ¡se necesita con urgencia!
Desplázate por el tamaño y elige aleatoriamente
lt;! --// Código de rotación de imagen - start-gt;
lt;
UL {
PADDING-BOTTOM: 0px; -IZQUIERDA: 0px; p> p>
}
.
}
.container IMG {
ESTILO DE BORDE INFERIOR: ninguno; BORDER- ESTILO DERECHO: ninguno; BORDE-ESTILO SUPERIOR: ninguno; BORDE-ESTILO IZQUIERDO: ninguno
.
}
.td_f A IMG {
RELLENO-BAJO: 0px; MARGEN: 0px; RELLENO-IZQUIERDO: 0px; RELLENO-ARRIBA: 0px
}
.num {
POSICIÓN: absoluta; ANCHO: 90px; FLOTADOR: derecha; ARRIBA: 180px; IZQUIERDA: 900px
}
.num LI {
ALINEACIÓN DE TEXTO: centro;
ALTURA DE LÍNEA: 15 px;
TIPO DE ESTILO DE LISTA: ninguno
MARGEN: 1 px;
p>ANCHO: 15px;
FAMILIA DE FUENTE: Arial;
FLOAT: izquierda
.ALTURA: 15px; /p>
COLOR: #FFF;
TAMAÑO DE FUENTE: 12px;
CURSOR: puntero
color de fondo: #333; /p>
peso de fuente: negrita;
}
.num LI.on {
ALTURA DE LÍNEA: 15px;
ANCHO: 15 px;
ALTO: 15 px;
COLOR: #ffffffff
color de fondo: # F90; >}
p>.more {
FLOAT: derecha
}
.more1 A {
ALINEACIÓN DE TEXTO: izquierda; ALTURA DE LÍNEA: 25px; MARGEN: 0px 0px 0px 10px; COLOR: #3373a COLOR: #3373a3
}
lt;/stylegt;
lt; lenguaje de escritura="javascript"gt;
if(typeof(pgvMain) == 'función')
pgvMain();<
/p>
lt;/scriptgt;
lt;scriptgt;
var gtopTab="one";
función $id(id){
return document.getElementById(id);
}
función cambiaTab(tab_id){
if (tab_id==gtopTab) {
retorno
}else{
$id( gtopTab).display="bloque"
gtopTab=tab_id;
}
}
lt;/scriptgt;
lt;script type="text/javascript"gt;
var $ = función (id) {
return "string" == tipo de id ?getElementById(id): id;
};
var Extend = función(destino, fuente) {
for (var propiedad en fuente) {
destino[propiedad] = fuente[propiedad];
}
destino de retorno;
}
var CurrentStyle = función(elemento){
retorno elemento.currentStyle || .getComputedStyle(elemento, nulo);
}
var Bind = función(objeto, diversión) {
var args = Array.prototype.slice.call (argumentos).slice(2);
Función de retorno() {
Devuelve fun.apply(objeto, args.concat(Array. prototipo.slice. call(argumentos))
var args = Array.prototype.slice.call(argumentos).call(argumentos)); p>var Tween = {
Cuarto: {
facilidadOut: función(t, b, c, d){
return -c * ((t =t/d-1)*t*t*t - 1) b;
}
},
Atrás: {
easyOut: function(t, b, c, d, s){
if (s == indefinido) s = 1.70158
return c*((t=t /d-1)*t*((s 1)*t s) 1) b;
}
},
Rebote: {
easyOut: función(t, b, c, d){
if ((t/=d) lt; (1/2.75)){
Devuelve c*(7.5625*t*t) b;
} else if (t lt; (2/2.75)) {
Devuelve c*(7.5625*(t-=(1.5/2.75))*t .5625*(t-=(2.625/2.75))*t .984375) b )
}
}
}
}
/// Objeto contenedor, objeto deslizante, recuento de cambios
var SlideTrans = función(contenedor, control deslizante, recuento, opciones) {
this ._slider = $(control deslizante
this._container = $(contenedor); objeto
this._timer = null; //temporizador
this._count = Math.abs(count); //alternar recuento
this._target = 0; //Valor objetivo
this._t = this._b = this._c = 0; //Parámetros intermedios
this.Index = 0 //Índice actual< / p>
this.SetOptions(opciones);
this.Auto = ! !this.options.Auto;
this.Duration = Math.abs(this.options.Duration);
this.Time = Math.abs(this.options.Time) ;
this.Pause = Math.abs(this.options.Pause);
this.Pause = Math.abs(this.options.Pause);
this.Pause = Math.abs(this.options.Pause); lt;/ulgt;
lt;/divgt;
lt;scriptgt;
//new SlideTrans("idContainer", "idSlider", 3).Run();
///////////// //////// //////////////////////////////////////////
var forEach = function( matriz, devolución de llamada, esteObjeto){
if(array.forEach){
array.forEach(devolución de llamada, esteObjeto);
}else{
for (var i = 0, len = array.length; i lt; len; i) { callback.call(thisObject, array[i], i, array
}
}
}
var st = new SlideTrans("idContainer2", "idSlider2", 5, { Vertical: false }); /p>
var nums = [];
//Insertar números
for(var i = 0, n = st. _ount - 1; i lt; len; i ) { callback._count - 1; i lt; = n;){
(nums[i] = $("idNum").appendChild(document.createElement("li"))). internalHTML = i;)
}
forEach(nums, function(o, i){
o.onmouseover = function(){ o.className = "on"; st.Auto = false; st.Run(i); }
o. onmouseout = function(){ o.className = ""; i); }
o.Auto = true; st.Run(); }
})
/Establecer estilo de botón
st.onStart = function(){
forEach( nums, function(o, i){ o.className = st.Index == i ?"on" : ""; })
}
st.Run();
lt;/scriptgt;
lt;! -- Finaliza la rotación de la imagen--gt;