Publicidade
Mr. Whyte
Members-
Total de itens
10 -
Registro em
-
Última visita
Sobre Mr. Whyte
-
Não funcionou!
-
Bom, tenho um codigo de slide que não aparece uma imagem principal, só aparece os botões de prev e next, após clicar em qualquer botão, aparece as imagens, mas eu quero que aparece uma imagem inicial sem precisar clicar em nenhum dos botões ! Se alguem souber, eu agradeço. var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace("active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; }
-
Galera, eu peguei um codigo html que forma um SlideShow em um site! Mas este codigo n aparece a imagem inicial! Não aparece nenhuma imagem ate que você aperte no botão, e eu quero que ja apareça uma imagem inicial! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Document</title> <style type="text/css"> * {box-sizing:border-box} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor:pointer; height: 13px; width: 13px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } </style> <script type="text/javascript"> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script> </head> <body> <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 3</div> <img src="img1.jpg" style="width:100%"> <div class="text">Caption Text</div> </div> <div class="mySlides fade"> <div class="numbertext">2 / 3</div> <img src="img2.jpg" style="width:100%"> <div class="text">Caption Two</div> </div> <div class="mySlides fade"> <div class="numbertext">3 / 3</div> <img src="img3.jpg" style="width:100%"> <div class="text">Caption Three</div> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div> </body> </html>
-
Alguem conhece um codigo simples pronto para se conectar em um vpn ? Preciso de um code que possua somente 2 botões, um que liga o vpn e outro que desligue! Somente isso! Alguem sabe?
-
Eu costumo criar uma pagina com o nome de CSS, e coloco todos os arquivos .css de cada pagina la dentro! no codigo html é só você mudar o nome do aquivo css que vai ser utilizado Ex: eu tenho 2 paginas, a index.html e a contatos.html No index.html eu coloco este codigo para usar este arquivo css <link id="theme-style" rel="stylesheet" href="css/styles.css"> o codigo html vai procurar na pasta css algum arquivo com o nome styles.css e vai utilizalo! E no contatos.html eu coloco o mesmo code só que o .css com outro nome <link id="theme-style" rel="stylesheet" href="css/styles-contatos.css"> o codigo html vai procurar na pasta css algum arquivo chamado styles-contatos.css e vai utilizalo! Assim cada pagina tem seu .css separado! espro que você tenha entendi e que eu tenha resolvido seu problema :3
-
Kkkkkkkkk, mds.... Ninguem entendeu ate agr...
-
Você não entendeu nem um pouco do que falei...
-
É o seguinte, eu quero que quando eu apertar um botão, aparece uma pagina inbutida na pagina usando iframe! Codigo iframe <iframe style="border: 0;" src="pagina1.html" width="400px" height="600px" frameborder="0" scrolling="no"></iframe> Codigo que estou usando para aparecer as páginas aleatórias <script> var enderecosfacil = new Array("itens/facil/lanterna-sem-pilha.html", "itens/facil/kit-agulha-de-seringa.html", "itens/facil/vela.html", "itens/facil/pedaco-de-pano.html", "itens/facil/garrafa.html", "itens/facil/calculadora.html", "itens/facil/lampada.html", "itens/facil/municao.html", "itens/facil/tesoura-enferrujada.html", "itens/facil/tesoura.html", "itens/facil/fn57.html", "itens/facil/cantil.html", "itens/facil/pilha.html", "itens/facil/faca-enferrujada.html", "itens/facil/faca.html", "itens/facil/feijao-enlatado.html", "itens/facil/pilha-estragada.html"); function itemFacil(){ aleat = Math.random() * enderecosfacil.length aleat = Math.floor(aleat) window.location=enderecosfacil[aleat] } </script> Por em quanto eu tenho somente isso: Ao pressionar um botão, a pessoa é redirecionada a uma pagina aleatoria, saindo da pagina principal! O que eu quero: ao pressionar um botão, será exibido na pagina que você está, uma outra pagina com iframe aleatória! Se isso for possivel, por favor me ajudem! Se for impossivel, me deem sugestões de como fazer um outro metodo!
-
Isso mesmo man, obg me ajudou muito!
-
Eu estou tentando fazer o seguinte: Tenho 5 botões, Botão A, Botão B, Botão C, Botão D e Botão E! E tem uma caixa para a pessoa escrever! Eu preciso que quando a pessoa escrever 20 caracteres, o botão A apareça, 40 caracteres o botão B e assim por diante... Alguem sabe fazer isso ou consegue me ajudar?
