Script rotador de banners

**Jaime_Relat** · 04/01/2011, 12:44

A ver si alguien me puede proporcionar un script para rotar banners, pero que lo hagan cada X tiempo, sin tener que recargar la web. Normalmente los script que he encontrado los banners rotan cada vez que entras en esa web. Lo que yo quiero como decia antes, es que los banners roten cada 10 segundos por ejemplo sin necesidad de recargar ni salir de la pagina

**xavierx** · 04/01/2011, 14:10

Mmm..... buen punto... hasta el momento nunca vi algo asi.... Si existiera deberia ser hecho en ajax... Vos viste en algun lugar un script asi?

**Jaime_Relat** · 05/01/2011, 07:08

Naturalmente que lo vi, por eso lo pido, jejejejejeje

**xavierx** · 05/01/2011, 07:17

Podrías mostrarnos en que pagina que viste a ver si husmeando el codigo nos damos cuenta que script usa?

**Leonardo** · 05/01/2011, 11:30

Hoy es víspera de Reyes, ponganlo en la cartita y en una de esas se los regalan

Fuera de joda, busco algo y aviso

Ojalá los Reyes dejen algo

salú!

**Jaime_Relat** · 06/01/2011, 08:59

No recuerdo la pagina, sino hubiese mirado el codigo fuente

**Leonardo** · 06/01/2011, 18:31

Peguen esto en cualquier html

Código:

<html>
<head>
<title>JQuery Cycle Plugin - Example Slideshow</title>
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
timeout:       5200
});
});
</script>
</head>
<body>
<div class="slideshow">
<a href='?'><img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /></a>
<a href='?'><img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /></a>
<a href='?'><img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" /></a>
<a href='?'><img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" /></a>
<a href='?'><img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" /></a>
</div>
</body>
</html>

Acá está totalmente explicado --> http://jquery.malsup.com/cycle/

Me deben una cerveza cada uno que lo use, sino los reyes les van a saquear el licor de sus casas y mearles todo el baño

**xavierx** · 07/01/2011, 06:50

Que grande Leo!!!

**Leonardo** · 23/01/2011, 23:25

Es verdad Luk, entonces el script de tu firma viene a "iluminar" a los pobres que no saben HTML básico?

Por cierto, este tema si no estás registrado no cuenta para posicionar en Google

**xavierx** · 24/01/2011, 07:23

Iniciado por Leonardo

Es verdad Luk, entonces el script de tu firma viene a "iluminar" a los pobres que no saben HTML básico?

Por cierto, este tema si no estás registrado no cuenta para posicionar en Google

Ya no hay mas Luk.... como habrás visto era un spam que en realidad trate de borrar de domingo y no se porque no se borro.

Tema: Script rotador de banners

LinkBack

Herramientas

Visualizar