Yo no acostumbro recomendar el uso de esos documentos que se agregan a la página para "crear" o "corregir" un efecto (o defecto) porque muchos suponen que son 'mágicos' y que con sólo linkearlos se solucionan todos los problemas. De alguna manera los asocian a los documentos tipo *.css o *.js "clásicos". Y en practicamente todos los casos no son más que eso, estilos aplicados con un escript; pero el drama está en que existen para que los desarrolladores apuren el trabajo, no para que los copien y peguen quienes no tienen idea de lo que están haciendo. Porque no siempre funcionan o no siempre son tan
cut&paste, y hay que ajustarlos al diseño de la página.
Encima, cuando "no andan", esta gente no se pone a aprendr y lo corrige, sino que viene a llorar al Foro esperando que hagamos el trabajo por ellos. Y ni hablar de los que explican cualquier cosa, no ponen ejemplos, ni enlaces a demos, y esperan que adivinemos lo que les pasa. Que la mayoría de las veces es evidente, no lo ven porque no quieren pensar, o trabajar, o realmente no saben nada de desrrollo web; en cuyo caso no deberían usar esos "complementos", y se terminó el problema.
Insisto, no estoy pidiendo que todos los sepan escribir, pero si no pueden abrirlos y entender cómo funcionan, entonces que no los usen.
Este efecto en particular se puede hacer sencillamente con CSS (propietario, estándar, propuesto). A menos que hayamos adivinado mal, y
Joaca esté pidiendo otra cosa, como ...
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>BORDE BRILLANTE.</title>
<script type="text/javascript">
var constelacion = "estrellas0";
function paralaje(){
constelacion = (constelacion == "estrellas0") ? "estrellas1" : "estrellas0";
document.getElementById(constelacion).style.left = azimut(34) + "px";
document.getElementById(constelacion).style.top = azimut(26) + "px";
setTimeout("paralaje()" , 60);
}
function azimut(D){
var precesion = Math.floor(Math.random()*D) * -20;
return(precesion)
}
onload = paralaje;
</script>
<style type="text/css">
body {color: whithe; background-color: navy; }
#marco {width: 680px; height : 520px; background-color: black; margin: 0; position: relative; overflow: hidden; margin: 10px; }
#imagen0 {width: 640px; height : 480px; margin: 0; position: absolute; top: 20px; left: 20px; }
#imagen1 {width: 640px; height : 480px; margin: 0; position: absolute; top: 20px; left: 20px; clip: rect(20px,620px,460px,20px);
}
#estrellas0 {width: 1280px; height : 960px; background-color: transparent; margin: 0; position: absolute; top: 0; left: 0; overflow: hidden; background-image: url(http://img685.imageshack.us/img685/2254/brillos.gif); }
#estrellas1 {width: 1280px; height : 960px; background-color: transparent; margin: 0; position: absolute; top: 0; left: 0; overflow: hidden; background-image: url(http://img685.imageshack.us/img685/2254/brillos.gif); }
</style>
</head>
<body>
<h2>Simula un borde animado con destellos.</h2>
<center><div id="marco">
<div id="estrellas0">
</div>
<img src="http://img153.imageshack.us/img153/6062/basurald.jpg" id="imagen0">
<div id="estrellas1">
</div>
<img src="http://img153.imageshack.us/img153/6062/basurald.jpg" id="imagen1">
</div>
</center>
<img width="200px" height="200px" src="http://img685.imageshack.us/img685/2254/brillos.gif">
</body>
</html>
Supongo que de ahí debe venir el comentario del
sprite; porque es así,
cristian_cena, acá muchos pretenden que seamos brujos. No sólo explican mal sino que no ponen un ejemplo —itero—.
Aprovecho que en este tema están ustedes que suelen responder seguido (no como yo, que elijo un par de temas al azar por semana, y quizá después ni los contesto) para preguntar : ¿no están un poco hartos de los que vienen a postear mensajes lamentables?.
Sus temas no aportan nada, y nuestras respuestas no pueden hacer milagros para levantarlos. Las más de las veces repetimos por enésima vez lo que ya dijimos.
Sí, este debate también se repitió por años, pero al menos va a servir para machacar la idea; a ver si alguno siente vergüenza y nos aporta un poco mejor.
Imágenes :
※
※
una imagen ponerla de borde en una tabla Sprites css