Descripción: Efecto rollover sin necesidad de precargar imágenes.
A continuación mostramos los apuntes asociados a este extra:
// Descripción para sindicación
/*
[rss]Efecto rollover sin necesidad de precargar imágenes.[/rss]
*/
function eventuar(elemento, evento, f) {
if (document.addEventListener) elemento.addEventListener(evento, f, true);
else if (document.attachEvent) elemento.attachEvent("on" + evento, f);
else elemento["on" + evento] = f;
}
function sustitucion_ant() {
this.style.display = "none";
this.previousSibling.style.display = "inline";
}
function sustitucion_sig() {
this.style.display = "none";
this.nextSibling.style.display = "inline";
}
function rollovear(imagen, sustituta) {
copia = imagen.cloneNode(true);
copia.src = sustituta;
copia.style.display = "none";
do {
id_aleatorio = "rollover_" + Math.floor(Math.random() * 1000);
} while (document.getElementById(id_aleatorio) != undefined);
copia.id = id_aleatorio;
id = imagen.id;
imagen.parentNode.insertBefore(copia, imagen);
eventuar(imagen, "mouseover", sustitucion_ant);
eventuar(copia, "mouseout", sustitucion_sig);
}
function sustitucion_capa_ant() {
this.style.display = "none";
this.previousSibling.style.display = "block";
}
function sustitucion_capa_sig() {
this.style.display = "none";
this.nextSibling.style.display = "block";
}
function rollovear_fondo_capa(capa, sustituta) {
copia = capa.cloneNode(true);
copia.style.backgroundImage = "url("+ sustituta + ")";
copia.style.display = "none";
do {
id_aleatorio = "rollover_" + Math.floor(Math.random() * 1000);
} while (document.getElementById(id_aleatorio) != undefined);
copia.id = id_aleatorio;
copia.id = id_aleatorio;
capa.parentNode.insertBefore(copia, capa);
eventuar(capa, "mouseover", sustitucion_capa_ant);
eventuar(copia, "mouseout", sustitucion_capa_sig);
}
Este código ha sido leído en 95 ocasiones.
Esta extra aún no tiene comentarios.
Valoración de esta página: (extra.script.rollovear)
Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024 | Otros enlaces: buscador