[tutorial] spoiler de imagem

Postagem de conteúdo sobre programação javascript
Post Reply
User avatar
Kodo no Kami
Admin
Admin
Posts: 739
Joined: Fri Jan 02, 2015 1:56 pm
Contact:

[tutorial] spoiler de imagem

Post by Kodo no Kami » Sun May 03, 2015 9:09 am

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

Image

Code: Select all

<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)

Code: Select all

<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

Code: Select all

<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

Code: Select all

<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> 
veja o exemplo on

by kodo no kami
Image

que desagradavel ~ mirai kuriyama

Post Reply

Return to “Javascript”