Slide Jquery responsivo - Download

Um slide simples e responsivo (adaptável), feito em HTML5, CSS3 e Jquery. Você pode colocá-lo no seu site ou blog, alterando as imagens, links e textos.

Para implementar você precisa linkar no seu arquivo index, ou onde quer que ele apareça, os arquivos slide.css, jquery.js e SlideJayr.js, como pode ver a seguir:

<link rel="stylesheet" type="text/css" href="css/slide.css">
<script src="jquery.js" type="text/javascript"></script>
<script src="SlideJayr.js" type="text/javascript"></script>

Depois deve copiar todo o código do slide no arquivo:

<div id="JayrSlide">
<span>
<a href="http://jayrwebdesign.blogspot.com/2013/10/slide-jquery-responsivo.html">
<img src="imagens/1.fw.png"  />
<div class="texto"><p>Baixe: Slide Jquery responsivo para sites</p></div>
  </a>
</span>
<span>
<a href="http://jayrwebdesign.blogspot.com/">
<img src="imagens/2.fw.png" />
<div class="texto"><p>Visite meu blog, baixe mais e veja dicas de desenvolvimento WEB</p></div>
</a>
</span>
<span>
<a href="https://www.umjovemcatolico.blogspot.com.br">
<img src="imagens/3.fw.png" />
<div class="texto"><p>Visite este blog, desennvolvido e administrado por mim</p></div>
</a>
</span>
<a href="#"> <div id="anterior" class="passando"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrGPhns2Dp_hk6wf7Tu834Tcy23HCrozoMFt7sRS-l_DherqXhoNU0xvpva_wEmNmNgqjcX8-xJynlinxCW_k_2PLf1n5ui5vkUAZZf4DelzLMFEWLr2lRkaqLXjz38ur16fW1HcaMQFY/s1600/ant.png" width="30"/> </div></a>
<a href="#"> <div id="proximo" class="passando"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSIanlca6DASNdMC4CN8oYXeeAltYZKRYJoJhrraP8pueZaXOsFGP1Ghn0xDCxN6cGU49A-LCAJYIZm5Wmdh53ty_jqZWFDz5XooKSBeJ1vkekPds2fn-Y40X25E_cOimM83vmQ0hKp8Q/s1600/prox.png"  width="30"/></div></a>
</div>

Este slide é utilizado neste blog, para ver como ficou clique AQUI

Para baixar o slide clique AQUI

Em breve postarei um tutorial ensinando a fazer o slide e colocá-lo no blog blogspot.