Ir para conteúdo
Fórum Script Brasil

Gilmar Santos

Membros
  • Total de itens

    10
  • Registro em

  • Última visita

Tudo que Gilmar Santos postou

  1. É que eu quero desse jeito, porque eu quero colocar no meu site(projeto) !
  2. 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>
  3. 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>
  4. 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 !!
  5. 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; }
  6. Pessoal estou quebrando a cabeça com o display: block nas minhas imagens !!!
  7. <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% }
  8. 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.
×
×
  • Criar Novo...