Slideshow autogiro para Blogger

Slideshow  autogiro para Blogger
Olá amigos Mult-focos, esta precisando de slide simples, mas que funcione? Acabou de encontrar, este slide show autogiro para Blogger servirá como luvas em seu projeto. Tenha uma noção real clicando no DEMO abaixo ou em result no box do código, se agradar vamos ao tutorial de como adiciona-lo em seu blog.

Slider jQuery de imagens com miniaturas para Blogger


DEMO


I – Copie e cole o código seguinte em um doc de texto, faça as modificações necessárias. 
II – Adicione-o em um gadget, e esta pronto. 
Não sabe fazer este procedimento? Clique AQUI, e aprenda.
<style type="text/css">
#slideshow {
  width:200px;
  height:100px;
  background-color:#222;
  margin:0 auto;
}

#slideshow img {display:block;}
</style>
<div id="slideshow"></div>
<script type="text/javascript">
//<![CDATA[
(function() {
    var container = document.getElementById('slideshow');
    var slide = [
        "URL DA IMAGEM",
        "URL DA IMAGEM",
        "URL DA IMAGEM",
        "URL DA IMAGEM"
        // dst...
        ];
    var count = 0;
    setInterval(function() {
        container.innerHTML = "<img src='"+slide[count]+"' alt='Slide "+(count+1)+"'>";
        count++;
        if (count == slide.length) {
            count = 0;
        }
    }, 3000); // Slideshow auto giro Mult-focos http://mult-focos.blogspot.com.br/
})();
//]]>
</script>

See the Pen ehwBb by Mairink (@Oemes) on CodePen.

Isto é tudo
  Postado por Mairink Oemes

0 comentários:

Postar um comentário

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter