Jump to content

Search the Community

Showing results for tags 'slide show'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. Pessoal, boa noite. Sou novato no Bootstrap, estou seguindo a W3School e implementei um slide show com legendas. Queria mudar a posição das legendas para o topo das imagens do corrossel, tentei alterar parâmetros de margin, padding no CSS mas, não surtiu efeito Alguém me dá uma luz, please! O exemplo do tutorial é o W3School Bootstrap exemplo Meu código baseado neste exemplo ficou: <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <style> .carousel-inner img {height: 100%;} </style> <body> <!-- The slideshow --> <div id="demo" class="carousel slide" data-ride="carousel"> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li> </ul> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/slide1.jpg" alt="slide 1" width="100%"> <div class="carousel-caption"> <h3>texto1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel elementum erat. In pharetra turpis.</p> </div> </div> <div class="carousel-item"> <img src="images/slide2.jpg" alt="slide 2" width="100%"> <div class="carousel-caption"> <h3>texto2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel elementum erat. In pharetra turpis.</p> </div> </div> <div class="carousel-item"> <img src="images/slide3.jpg" alt="slide 3" width="100%"> <div class="carousel-caption"> <h3>texto3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel elementum erat. In pharetra turpis.</p> </div> </div> </div> <!-- Left and right controls --> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> </body>
  2. SempreCaminhando

    Slide Show manual | Tá f*** kkkk

    Bom dia Srs. Eu estou quase arrancando meus cabelos, por algo simples. Então, eu estou tentando criar um slide show do zero, ou seja mudar a imagem com click do botão. Até certo ponto eu me dei bem. Eu quero que quando chegue na última foto e click no botão voltar, independente de quantas vezes eu clicar no botão avançar, ele volte uma foto com apenas um click em voltar, mas não funciona assim. O engraçado é quando chega na última foto e eu click por exemplo 3 vezes em avançar, quando click no botão voltar é preciso eu clickar 4 vezes pra voltar uma foto, é isso que me deixa doido, e não consigo entender. Por favor pessoal, alguma luz ? Segue meu código (simples por sinal): <!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = "UTF-8"> </head> <body> <script> tipo = 0; function mudarFoto(tipo) { if (tipo > 2) { tipo = 2; } if (tipo < 0 ) { tipo = 0; { if (tipo == 0) { arquivo = "imagens/colher2.jpg"; } if (tipo == 1) { arquivo = "imagens/colher3.jpg"; { if (tipo == 2) { arquivo="imagens/colher4.jpg"; } document.getElementById("foto").src = arquivo; document.getElementById("mostrar").innerHTML = tipo; } </script> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.