Ir para conteúdo
Fórum Script Brasil

Gilmar Santos

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    10

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por Gilmar Santos

  2. Galera estou com problemas com o Jquery Cycle 2 !

    em Ajax, JavaScript, XML, DOM

    Postado

    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. quero usar o flexslider, mas não gosto muito da sua estrutura padrão html, queria saber se tem como usar qualquer estrutura html nele ?

    em HTML, XHTML, CSS

    Postado · Editado por Gilmar Santos

    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>

     

     

     

  6. Como usar o display: block nas imagens

    em HTML, XHTML, CSS

    Postado

    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;
    }

    Qual é o problema, ao certo?

    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;
    }

     

  8. Quero centralizar minhas imagens mas, elas não vão pro centro

    em HTML, XHTML, CSS

    Postado

    <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%
    }

×
×
  • Criar Novo...