|
| Descripción del ejemplo JavaScript
Lo primero que hacemos en este Script es definir el ancho y alto de la imagen que funcionará como banner y como enlace hacia otra URL. Para esto creamos dos variables imgAncho y imgAlto que definirán el ancho y alto del banner respectivamente. En el ejemplo se utilizaron los valores 468 (ancho) y 65 (alto) pero podemos cambiarlo por las dimensiones de la imagen que utilizaremos nosotros para el banner.
Una tercera variable define el título que tendrá el banner. Este título no es más que el valor del atributo ALT de la imagen. Luego creamos un array que guardará cada una de las URL de las imágenes que utilizaremos en nuestro banner rotativo. En este caso reemplazaremos por la URL donde estén alojadas nuestras imágenes. Lo mismo hacemos para guardar las URL que funcionarán como enlaces a las páginas patrocinadas. La línea que sigue es quizás las más interesante e importante de nuestro Script, ya que guarda un número aleatorio según la cantidad de imágenes que tengamos, en nuestro caso 5, así que podrá tomar los valores 0 a 5. Por último nos queda escribir las etiquetas necesarias para armar nuestro banner rotativo con imágenes que enlazan a diferentes páginas web. Si quisiéramos agregar imágenes al banner lo podemos hacer agregando las líneas correspondientes a cada array. Vemos un ejemplo de como agregar una imagen: // Agregamos una imagen a nuestro banner rotativo // para esto agregamos un nuevo valor al array ad ad[5]='http://www.misitio.com/imagen6.jpg'; // y hacemos lo mismo para el array links links[5]='http://www.links6';Si queremos eliminar una imagen solo debemos borrar el último valor del array ad y links. Hay que notar que los array comienzan por el número 0 (cero) ya que el número aleatorio generado por la función puede ser 0 (cero). |
|
Información relativa al Script |
Sistema de Banners Rotativos de Imagen en JavaScript. Código fuente del script: |
| Temas relacionados a este Script: | ||
|
![]() Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio. Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata. | |||
| Código JavaScript Todos los derechos reservados | ||||