Generalmente pensamos que todos los que poseen un blog son personas que estan relacionadas con alguna u otra forma con la programación o el mundo web. Pues no es así, si es cierto que muchas personas en algún momento dado han tenido que codificar quizás un par de cosas en HTML o en CSS, no todos son personas que son programan, y eso es bueno, quien quiere un mundo lleno de bloggers hablando solo de programación o tecnología, que aburrido.
Pues para todos los que quieran colocarle un poco de dinamismo a su blog, codifiqué una rutina en Javascript que justamente coloca un banner al azar, los banner en las páginas son una forma muy fácil de ponerle dinamismo a un blog, sino pregúntenle al taufpate.
Primero se debe crear una serie de banners, todos con el mismo nombre, seguido por un número consecutivo, empezando en 0, y finalmente en una extensión, según el tipo de archivo gráfico que sea.
Por ejemplo: blogtitulo0.jpg, blogtitulo1.jpg, blogtitulo2.jpg, etc….
Luego coloque el siguiente código en javascript en su página.
<script language="JavaScript">
var rnd;
var getRandom;
var blogTitle;
var randomTitle;
var titlePath;
var maxNumberHeader;
var nomBanner;
var extBanner;
getRandom = false;
//Variable con numero maximo de archivos
maxNumberHeader = 20;
//Ruta donde se encuentran los banners
titlePath = "images/";
//Variable con el nombre del banner
nomBanner = "blogheader";
//Variable con la extension del banner
extBanner = ".jpg";
rnd = Math.random();
rnd *= maxNumberHeader;
rnd = Math.round(rnd);
randomTitle = titlePath + nomBanner + rnd;
blogTitle = "<img src=’" + randomTitle +
extBanner +
"’ alt=’Colocar texto ALT aqui’
border=’1′/>”;
document.writeln(blogTitle);
</script>
La desventaja, de esta rutina, es que ella no funciona en navegadores que no reconozcan Javascript, pero eso es un porcentaje muy pequeño, tambien se corre el riesgo de que el navegador tenga la opción de No Ejecutar Scripts activa. La solución a ese caso es hacer la misma rutina en ASP, PHP o Coldfusion, pero eso requiere otra cantidad de requerimientos que no viene al caso mencionar, luego publicaré la misma rutina en PHP, la que estoy usando para este blog.
Cópienla libremente, y pruébenla, soporte, esta dificil, estoy bastante ocupado estos días, sin embargo si Uds quieren modificarla, o crear una versión mejorada, adelante, pero compártanla con todos. Sugerencias son aceptadas, dejemne un comentario o quizás si quieren coloquen un link a este blog como formalidad.
Actualización: Dr.Trek ha convertido la misma función a PHP, pueden encontrarla aquí.
Etiquetas: Tutoriales
ALD es Afrael Live & Direct, el blog personal de Afrael Ortiz. En este espacio hablo de un montón de cosas, pero generalmente mis temas mas comunes son la tecnologÃa, la música y a veces cosas relacionadas con la programación.
Comentarios Recientes