Gilmar Santos
-
Total de itens
10 -
Registro em
-
Última visita
Tudo que Gilmar Santos postou
-
Galera estou com problemas com o Jquery Cycle 2 !
pergunta respondeu ao Gilmar Santos de Gilmar Santos em Ajax, JavaScript, XML, DOM
É que eu quero desse jeito, porque eu quero colocar no meu site(projeto) ! -
Fiz tudo que o plugin pede, mas, o slide não funciona ! Por favor, me ajude já quebrei minha cabeça para fazer esse slide funcionar !! Meu código: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.io/jquery.cycle2.js"></script> <script> $('.cycle-slideshow').cycle({ speed: 600, manualSpeed:100 }); </script> </head> <body> <div class="slideshow"> <div class="slides"> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> <div class="slide"><!--Grupo 2 de slide--> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> </div><!--Fim do 2 Slide--> </div>
-
A estrutura padrão usa li e ul no seu código,mas, eu queria usar divs porque para mim é mais facil de trabalhar !! Queria usar essa estrutura : <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
-
Pessoal podia me ajudar a criar um slide
pergunta respondeu ao Gilmar Santos de Gilmar Santos em HTML, XHTML, CSS
Brigado. Mas, não me ajudou muito !! -
Estou quebrando a cabeça com esse slide aqui eu que fiz o modelo no fireworks. Eu quero que as imgs do meu slide fiquem em blocos, mas quando coloco o style display:block não acontece nada !!
-
Como usar o display: block nas imagens
pergunta respondeu ao Gilmar Santos de Gilmar Santos em HTML, XHTML, CSS
Estou criando um slide de imagens e quando e coloco a propriedade display:Block as imgs ainda continuam normais !!! .slideshow{ width:100%; max-width:980px; height:auto; margin:0 auto; } .slide-item{ display:block; width:100%; height:auto; } Estou criando um slide de imagens e quando e coloco a propriedade display:Block as imgs ainda continuam normais !!! .slideshow{ width:100%; max-width:980px; height:auto; margin:0 auto; } .slide-item{ display:block; width:100%; height:auto; } -
Pessoal estou quebrando a cabeça com o display: block nas minhas imagens !!!
-
<div class="slideshow"> <div class="item-slide"> <div class="slide-esquerdo"> <img src="img/01.jpg"> <div class="post"> <h3>Lorem Ipsum é simplesmente uma simulação de texto da indústria</h3> </div> </div> <div class="slide-direito"> <img src="img/img02.jpg"> <div class="post"> <h3>Lorem Ipsum é simplesmente uma simulação de texto da indústria</h3> </div> </div> <div class="slide-direito"> <img src="img/img02.jpg"> <div class="post"> <h3>Lorem Ipsum é simplesmente uma simulação de texto da indústria</h3> </div> </div> CSS;: .slideshow{ width:100%; height:auto; margin:0 auto; } .item-slide{ width:100%; height:auto; } .slideshow img{ max-width:100% }
-
(Resolvido) Pessoal queria criar um slide igual ao do site olhardigital
pergunta respondeu ao Gilmar Santos de Gilmar Santos em HTML, XHTML, CSS
Vlw me ajudou muito !!! -
Pô achei o slide do http://olhardigital.com.br muito legal e queria fazer um parecido só que, já tentei criar um mas não saiu como queri.
