Como fazer um banner rotativo em segundos em HTML para Blogger

  • Autor Autor ppzuin
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
P

ppzuin

Dseda
Verificación en dos pasos activada
Ayuda amigos, necesito saber de como hacer banners rotativos por segundos en html en blogger?
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://dl.dropbox.com/s/0ha6lhfuietk9hr/ticker.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('#rotador').list_ticker({
        speed:2000,
        effect:'fade',
        run_once:false,
        random:true
    })
})​
</script>

<ul id="rotador"​​​​​​​​​​​​​​​​​​​​​>
    <li>Banner 1</li>
    <li>Banner 2</li>
    <li>Banner 3</li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

speed: Tiempo en milisegundos
effect: Fade o slide
run_once: Mostrar una vez (true o false)
random: Mostrar aleatoriamente (true o false)

Ahí te guardas el ticker.js, puede que después lo borre de mi Dropbox.

- - - Actualizado - - -

Por cierto, te dejo un Enlace eliminado.
 
O simplemente usando:

HTML:
<marquee>Textos o imagenes</marquee>
 
y no vale un gif? XD
si, soy un cutre, ¿que pasa? XD
 
y no vale un gif? XD
si, soy un cutre, ¿que pasa? XD

Puedes meter cualquier cosa 😉

- - - Actualizado - - -

Olvida xD Ya entendí. ¿Y para rotar la URL del banner?
 
Olvida xD Ya entendí. ¿Y para rotar la URL del banner?

Si usas el método que te da WeRunTheNite, simplemente debes agregar los enlaces por cada elemento de la lista:


HTML:
<ul id="rotador"​​​​​​​​​​​​​​​​​​​​​>
    <li><a href="http://google.com/" target="_blank">Link 1</a></li>
    <li><a href="http://google.com/" target="_blank">Link 2</a></li>
    <li><a href="http://google.com/" target="_blank">Link 3</a></li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
 
Voltar
Topo