-
Similar Content
-
By Biel.
Olá pessoal. Estou tentando abrir php no browser através do vs code shift+f6 . instalei Open PHP/HTML/JS In Browser e não deu certo - o script não é executado , pelo contrário, tudo aparece no formato texto. Alguém sabe o que está faltando fazer ou o que foi feito errado? Obrigado !
-
By Biel.
Olá pessoal o slide abaixo está funcionando, mas os links não funcionam. Como fazer os links funcionar ? Obrigado !
<style> #boxPrincipal{ max-width:1024px; width:100%; height:100px; margin:auto; padding:0px; text-align:center; background-color:#FFA; border:1px solid blue; } #box1 { width: 100%; max-width: 190px; height:60px; position: relative; bottom:0; } #imgtete{ position: absolute; bottom:0; width: 100%; height: 100%; opacity: 0; transition: opacity 800ms; } #imgtete.selected{ opacity: 1; } </style> <div id"boxPrincipal"> <div id="box1"> <a href="link1"> <img src="slide1.png" title="link1" target="_blank" id="imgtete"> link 1 </a> <a href="link2"> <img src="slide2.png" title="link2" target="_blank" id="imgtete"> link 2 </a> <a href="link3"> <img src="slide3.png" title="link3" target="_blank" id="imgtete"> link 3 </a> <a href="link4"> <img src="slide4.png" title="link4" target="_blank" id="imgtete"> link 4 </a> </div> </div> <script> inicioDaAcao = 0, images = document.querySelectorAll("#imgtete") quantidade = images.length; function nextImage() { images[inicioDaAcao] .classList.remove("selected") inicioDaAcao++ if(inicioDaAcao >= quantidade) inicioDaAcao = 0 images[inicioDaAcao] .classList.add("selected") } setInterval(function() { nextImage() }, 1000); </script>
-
By Biel.
Olá pessoal. O código abaixo rotaciona números sem parar. Como fazer para rotacionar imagens sem parar ?
<style> #boxPrincipal{ max-width:1650px; width:100%; height:200px; margin:auto; padding:0px; text-align:center; background-color:#FFA; border:1px solid blue; } #box1 { width: 190px; height:60px; } #imgTete{ width:100%; height:100%; opacity: 0; transition: opacity 900ms; } </style> ....
<!-- <div id="boxPrincipal"> <div id="box1"> <a href="link0"><img src="image1.png" id="imgTete" />link0</a> <a href="link1"><img src="image2.png" id="imgTete" />link1</a> <a href="link2"><img src="image3.png" id="imgTete" />link2</a> <a href="link3"><img src="image4.png" id="imgTete" />link3</a> <a href="link4"><img src="image5.png" id="imgTete" />link4</a> </div> </div> --> <p id="idggg"></p> <script> var executa; intervalo = 500, maximo = 10, element = document.getElementById('idggg'); // imagens = document.querySelectorAll('#imgtete'); function funcStart() { var contador = 0; executa = setInterval(function () { contador++; element.innerHTML += contador; if(contador == maximo){ contador=0; element.innerHTML = ' ' + contador; } }, intervalo); } funcStart(); </script> .....
-
By Biel.
Olá pessoal. O código abaixo, à ação é disparada assim que a página é carregada e para sempre no 10. Como fazer com que fique rotacionando sem parar de 1 a 10 ?
<p id="idggg"></p> <script> var executa, intervalo = 100, maximo = 10, element = document.getElementById('idggg'); // --------------------------------------------------- function func1() { var contador = 0; executa = setInterval(function () { contador++; element.innerHTML += ' - ' + contador; if(contador == maximo){ func2(); } }, intervalo); // executa } // func1 // --------------------------------------------------- function func2() { clearInterval(executa); } // --------------------------------------------------- func1(); </script>
-
By Biel.
Olá pessoal. O código abaixo, à ação é disparada assim que a página é carregada. Como para à ação quando chegar no nº 20 ?
<p id="idggg"></p> <script> var maximo = 20; var intervalo = 500; element = document.getElementById('idggg'); var contador=1; setInterval(function () { //var cont = contador++; element.innerHTML += contador++ + '<br>' ; }, intervalo); // for($i=1; $i<=20;$i++) // clearInterval(maximo); // window.stop(); </script>
-
