visibilidade de imagem

[gurumen 0]

Olá gente , estou com uma duvida de como fazer uma imagem de fundo sumir quando eu clicar em um link.

 

Estou com um sistema de busca que possui imagem de fundo como background attachament....

quando eu clicar em detalhes ela some e entra no processo da pagina que seria mostrar os resultados, com o fundo extendido..

 

 

Entao.. tem como eu fazer a imagem sumir e depois aparecer denovo??

 

Obrigado

[André Castro 0]

opa! blza?

 

atribua um id a imagem e defina o style como visivel (opcional)

 

<img src="teste.jpg" id="img_fundo" style="visibility:visible" />

dps, ao realizar a ação que você quiser (clicar no botao d busca por exemplo), execute a funçao js abaixo:

 

function sumir(){
   document.getElementById('img_fundo').style.visibility='hidden';
}

quando você quiser que a img apareça novamente:

 

function aparecer(){
   document.getElementById('img_fundo').style.visibility='visible';
}

bom, axo q eh isso ae.. qq coisa posta ae .. flw!

[gurumen 0]

opa! blza?

 

atribua um id a imagem e defina o style como visivel (opcional)

 

<img src="teste.jpg" id="img_fundo" style="visibility:visible" />

dps, ao realizar a ação que você quiser (clicar no botao d busca por exemplo), execute a funçao js abaixo:

 

function sumir(){
   document.getElementById('img_fundo').style.visibility='hidden';
}

quando você quiser que a img apareça novamente:

 

function aparecer(){
   document.getElementById('img_fundo').style.visibility='visible';
}

bom, axo q eh isso ae.. qq coisa posta ae .. flw!

 

e para fazer sumir uma <div>

exemplo

#fundo{ background..... margin....}

 

é o mesmo procedimento?

[André Castro 0]

com div eh mesma coisa.. lembrando q você pode utilizar a propriedade display tbm ao inves de visibility..

 

porem o display eh: none (esconde) e block (visivel)

 

flw

[gurumen 0]

com div eh mesma coisa.. lembrando q você pode utilizar a propriedade display tbm ao inves de visibility..

 

porem o display eh: none (esconde) e block (visivel)

 

flw

estas funçoes seriam em php? testei em JS e nao funcionou

[André Castro 0]

eh td em js..

 

posta seu codigo ae

[gurumen 0]

#fundo { margin:0px; visibility:hidden}
		 #fundo .back{background:url(images/fim_pag.jpg); clear:both; width:1004px; height:56px; background-repeat:no-repeat}
		 #fundo .direitos{ margin-left:490px; position:relative; bottom:-28px;}
		 #fundo img{ border:none;}

esse aki em o fundo que eu quero sumir

 

criei uma função em php pra chamar este fundo::

function fundo(){
print '<div id="fundo" style="visibility:visible" >
			<div class="back" >
				<div class="direitos"><a href="http://www.mullty.com" target="_blank"><img src="images/mullty_fundo.jpg" /></a>		
				</div>
			</div>
		</div>';
}

eh um tipo um sistema de busca que retorna somente um nome e um link "detalhes" quando eu clico no link ele tipo que da um refresh na pagina e aparece os dados ao lado porem ele esta aparecendo com 2 fundos.

 

abaixo o codigo do link "detalhes"

while($ver = mysql_fetch_array($busca)){
$id=$ver['id'];
$nome=$ver['tx_nome'];
echo "<div class='fundo' style>
		<div class='resultado2'> <strong>".$nome."</strong>
		</div>
		<div class='detalhes'> <a class='detalhes' href=?id=$id>Detalhes(+)</a>
	 </div>
</div> ";
 }//fim while
echo fundo();