Jump to content
Biel.

colocar imagem nos links

Recommended Posts

Olá pessoal. Direto ao ponto.  Estou tentando colocar imagem no link pagina1, pagina2 e pagina3 , depois colocar o cursor sobre a imagem e ver se na barra de tarefas os links  pagina1, pagina2 e pagina3 estão passando 

<style>	
#box{ margin:auto; width:200px; 
	/* position:relative; */
	}
#box a{ opacity:0; position: absolute; }
#box a.selected{ opacity:1; font-size:30px; }
</style>

...

    <div id="box">
    <a href="pagina1.php" class="selected">pagina1</a>
    <a href="pagina2.php">pagina2</a>
    <a href="pagina3.php">pagina3</a>
    </div>

<!-- <img src="aprendiz1.gif" >  <img src="aprendiz2.gif" > <img src="aprendiz3.gif" >  -->

...

<script type="text/javascript">

var time = 1000;
var quantidadeLink = 0;
var links = document.querySelectorAll("#box a");
var maximo = links.length;

function nextLink(){
    links[quantidadeLink]
        .classList.remove("selected")

    quantidadeLink++

    if(quantidadeLink >= maximo)
		quantidadeLink = 0;
		
    links[quantidadeLink]
        .classList.add("selected")
}


function start() {
    setInterval(() => {
        // troca de image
        nextLink()
    }, time)
}

window.addEventListener("load", start)


</script>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Biel.
      Ola pessoal. Direto ao ponto. Como remover  valor duplicado de uma string? O código abaixo imprime abcaaade. Como remover os duplicados e imprimir por EX abcde
      <?php $string = 'abcaaade'; print $string; ?>  
    • By Biel.
      Olá pessoal. Direto ao ponto. É possível colocar required em todos os options do select?  Obrigado !
      <form name="aprendiz"> <select name="teste" multiple size="3" style="width:50px;" required> <option >aa</option> <option >bb</option> <option >cc</option> </select> <hr> <input type="submit" value="enviar"> </form>  
    • By Biel.
      Olá pessoal. Direto ao ponto. Abaixo temos EX1 e EX2 funcionando normalmente. Tem como fazer com que EX1 e EX2 retorne por EX 10 caracteres independentemente de quantos caracteres tenha a string EX1 e string EX2 e ao decodificar retornasse o nome real de cada string? Obrigado !
      Ex1 <?php $stringA = base64_encode("aprendiz"); print 'codificado<br>'.$stringA.'<br>'; // retorna 12 caracteres $stringB = base64_decode($stringA); print 'decodificado<br>'.$stringB; // retorna aprendiz ?> <hr> Ex2 <?php $stringA = base64_encode("jogando com vontade"); print 'codificado<br>'.$stringA.'<br>'; // retorna 28 caracteres $stringB = base64_decode($stringA); print 'decodificado<br>'.$stringB; // retorna jogando com vontade ?>  
    • By Biel.
      Olá pessoal. direto ao ponto. Ao digitar no campo de texto 123 por EX o número é codificado, mas na url não aparece codificado. Como fazer com que na url também retorne  codificado? Obrigado ! 
      <?php @$string = $_GET['resultado']; @$encode = base64_encode($string); // print $encode; ?> <form action="" method="get" > <input type="text" name="resultado" value="" /> <input type="submit" value="enviar"> </form>  
    • By Biel.
      Olá pessoal. Direto ao ponto. o exemplo abaixo simula upload de imagem. Ao carregar uma imagem qualquer, dar submit e voltar para pg1.php e depois atualizar a página/f5 a imagem sai no input file . Gostaria que a imagem não saisse do input file mesmo atualizando a página. Obrigado !
      esta é a pg1.php <form action="pg2.php" method="post" autocomplete="on" enctype="multipart/form-data"> <input type="file" name="image" id="myFile"> <input type="submit" name="aprendiz" onclick="myFunction()" value="Enviar"> </form> <script> function myFunction() { var x = document.getElementById("myFile"); x.autocomplete = true; } </script>  
×

Important Information

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