seja bem vindo ao forum eof, caso nao seja cadastrado se cadastre para poder visualizar todo o conteudo ^^

Participe do fórum, é rápido e fácil

seja bem vindo ao forum eof, caso nao seja cadastrado se cadastre para poder visualizar todo o conteudo ^^
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Você não está conectado. Conecte-se ou registre-se

[tutorial] spoiler de imagem

Ir para baixo  Mensagem [Página 1 de 1]

1[tutorial] spoiler de imagem Empty [tutorial] spoiler de imagem Ter Mar 05, 2013 5:21 pm

Kodo no Kami

Kodo no Kami
master
master

bom galera mais cedo eu tava no site da ecchi-nyaa baixando alguns animes e vi algo interessante la (nao e hentai nao ta kkkkkk), la para as imagens de conteudo +18 tem uma especime de script q apenas mostra a imagem se vc clicar nela, entao resolvi fazer esse tutorial ensinando fazer o mesmo, para começar vamos criar nossa pagina basica com essa imagem

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:
<html>
<body bgcolor="black">
   <img src="http://img600.imageshack.us/img600/4602/imgaperta.jpg">
</body>
</html>

agora vamos criar nossa funçao em javascript no caso vou chamar de fts_mudar que vai ter duas entradas de argumentos q no caso e a_id e a_img (seria o id da imagem q agente vai mudar, e o link da nova imagem)

Código:
<html>
<head>
   <script type="text/javascript">
      function fts_mudar(a_id,a_img)
      {
         
      }
   </script>
</head>
<body bgcolor="black">
   <img src="http://img600.imageshack.us/img600/4602/imgaperta.jpg">
</body>
</html>

agora usamos Document.getElementById().src passamos como argumento a variavel a_id e atribuimos a ela a variavel a_img

Código:
<html>
<head>
   <script type="text/javascript">
      function fts_mudar(a_id,a_img)
      {
         document.getElementById(a_id).src = a_img;
      }
   </script>
</head>
<body bgcolor="black">
   <img src="http://img600.imageshack.us/img600/4602/imgaperta.jpg">
</body>
</html>

agora para terminar so agente criar um id em cada imagem q agente for mudar, e usar o evento onclick passando como argumento a nossa funçao javascript (no caso fts_mudar) passando como argumento o id e o link da nova imagem

Código:
<html>
<head>
   <script type="text/javascript">
      function fts_mudar(a_id,a_img)
      {
         document.getElementById(a_id).src = a_img;
      }
   </script>
</head>
<body bgcolor="black">
   <img src="http://img600.imageshack.us/img600/4602/imgaperta.jpg" id="img1" onclick="fts_mudar('img1','http://i.imgur.com/qQzHp.png')">
</body>
</html>

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

by hacker fts315

https://endoffile.umforum.net

Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos