Slide Jquery simples e responsivo

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.

[button color=”black” size=”small” link=”https://clubedosgeeks.com.br/uploads_demos/SlideJayr/” target=”blank” ]Demo[/button]

[button color=”green” size=”small” link=”https://clubedosgeeks.com.br/uploads_demos/SlideJayr/SlideJayr.rar” target=”blank” ]Baixar[/button]

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:

<linkrel="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><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><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><p>Visite este blog, desennvolvido e administrado por mim</p></div>
                    </a>
                </span>
                <a href="#"> <div id="anterior"><img src="http://2.bp.blogspot.com/-56IAUOsh0UU/UmHVvjrRVlI/AAAAAAAAACg/Bt5RVjQwcMQ/s1600/ant.png" width="30"/> </div></a>
                <a href="#"> <div id="proximo"><img src="http://3.bp.blogspot.com/-A5JjyHzmB1U/UmHVxGehuII/AAAAAAAAACw/_Wwj4jrrsBY/s1600/prox.png"  width="30"/></div></a>
            </div>