0

ola gostaria de saber como faço esse efeito aqui slide text :

http://demo.megadrupal.com/d7/md-bigstream/index-6

ele esta quase no fim da página o titulo e People SAY se for possível me ajudem não estou conseguindo fazer e não achei nada na internet somente slides com imagens e dessa vez quero que só meu texto se mecha como o desse site

2
  • 1
    O que você tentou? Qual foi o problema encontrado? Adicione na pergunta o código que desenvolveu até o momento, mensagens de erro, etc. 6/05/2015 às 15:19
  • @ViníciusGobboA.deOliveira eu tentei pesquisar algo mais nao acho nada da respeito somente slides com imagens e nesse caso o background e sempre o mesmo e oque vai mudando e o texto e nao sei nem como pesquisar 6/05/2015 às 16:13

2 Respostas 2

1

    $(function(){
      /* Aqui ficam as configurações padrões do slide */
      $('#slider-id').codaSlider();
      /* Se você quiser mudar alguma configuração, pode mudar aqui:
          $('#slider-id').codaSlider({
            autoSlide:true,
            autoHeight:false
          });
      
      */
    });
<!-- Adicione tudo que tá aqui entre o <head></head> no antes de </body> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://kevinbatdorf.github.io/codaslider/css/style.css" rel="stylesheet"/>
<script src="http://kevinbatdorf.github.io/codaslider/js/jquery.coda-slider-3.0.js"></script>
<script src="http://kevinbatdorf.github.io/codaslider/js/jquery.easing.1.3.js"></script>

<!-- Aqui fica o conteúdo do slide, você pode adicionar quantos quiser, 1,2, N conteúdos -->
<!-- A parte abaixo deve ser colocada depois da <body> -->
    <div class="coda-slider"  id="slider-id">
      <div>
        <h2 class="title">Panel 1</h2>
        <p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
      </div>
      <div>
        <h2 class="title">Panel 2</h2>
        <p>PLorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
      </div>
      <div>
        <h2 class="title">Panel 3</h2>
        <p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
      </div>
      <div>
        <h2 class="title">Panel 4</h2>
        <p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
      </div>
    </div>

Fonte

3
0

Normalmente costumo usar este slide. Responsivo e com bastantes funcionalidades.

http://bxslider.com/

$(document).ready(function(){
  $('.bxslider').bxSlider();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet"/>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<ul class="bxslider">
  <li>Imagem1<img src="https://imgnzn-a.akamaized.net/2015/10/29/29102855140225.jpg" /></li>
  <li>Imagem2<img src="https://imgnzn-a.akamaized.net/2015/10/29/29102855140225.jpg" /></li>
  <li>Imagem3<img src="https://imgnzn-a.akamaized.net/2015/10/29/29102855140225.jpg" /></li>
</ul>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .