Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego Roberto Rodrigues

[Resolvido] Passar javascript dentro de href e src de image

Por , em Javascript

Recommended Posts

Diego Roberto Rodrigues    0

Diego Roberto Rodrigues
Postado

Boa tarde, Implementei uma galeria de fotos do tipo highslide e precisa que ele pegasse o nome da foto dinamicamente é possível isso? Dentro do div tenho o href href="images/galeria/2_01.JPG" com o caminho da imagem só que precisava substituir a parte do número pelo value de um formulário ao invés de ficar assim: href="images/galeria/2_01.JPG ficaria dessa forma: href="images/galeria/(document.myForm.foto.value)_01.JPG" teria alguma forma de passar o javascript dentro da tag do href ou src de uma imagem. Alguém poderia me indicar algum caminho ou outra forma. Relamente preciso que a galeria seja a highslide pois galeria de jquery estou com incompatibilidade com alguns itens do meu JSF que está sendo desenvolvida a página.

 

Tennho meu div:

<div class="highslide-gallery"> 
							<a href="images/galeria/2_01.JPG" class="highslide" onclick="return hs.expand(this)">
							<img src="images/galeria/2_01.JPG" width="278" height="157" alt="Clique para expandir" title="Clique para expandir" border="0" /></a> 
					  </div>
					  <div class="highslide-gallery" style="visibility:hidden;"> 
							<a href="images/galeria/2_sss02.JPG" class="highslide" onclick="return hs.expand(this)" style="visibility:hidden;">
							<img src="images/galeria/2_0s2.JPG" width="278" height="157" alt="Clique para expandir" title="Clique para expandir" border="0" style="visibility:hidden;" /></a> 
					  </div>

Agradeço a atenção de todos.

Diego

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não entendi a 'aplicabilidade'.. mas sim, dá para ser feito.

 

<html>
<head>
<style type="text/css">

</style>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
function mudar(){
	id('foto').src = id('url').value;
}
window.onload = function(){
	id('mudar').onclick = function(){
		mudar();
	}
}
</script>
</head>
<body>
	<form action="" method="post">
		<input type="text" name="url" id="url" value="03.jpg" />
		<input type="button" name="mudar" id="mudar" value="mudar" />
	</form>
	<img src="01.jpg" alt="" id="foto" />
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diego Roberto Rodrigues    0

Diego Roberto Rodrigues
Postado 

<html>
<head>
<style type="text/css">

</style>
<script type="text/javascript">
function id( el ){
        return document.getElementById( el );
}
function mudar(){
        id('foto').src = id('url').value;
}
window.onload = function(){
        id('mudar').onclick = function(){
                mudar();
        }
}
</script>
</head>
<body>
        <form action="" method="post">
                <input type="text" name="url" id="url" value="03.jpg" />
                <input type="button" name="mudar" id="mudar" value="mudar" />
        </form>
        <img src="01.jpg" alt="" id="foto" />
</body>
</html>

 

 

Bom dia, William obrigado mesmo pela ajuda. Funcionou.

Em relação a aplicabilidade é pelo fato de ter integrado uma galeria a uma página e esta página só possui componentes JSF e o mesmo não possui uma galeria que eu poderia recarregar dinamicamente após a pessoa ter entrado com um código para buscar um cadastro e também mostrar as fotos deste cadastrado. Estava usando JQuery mais tive que abandonar pela incompatibilidade de tecnologia que houve, por isso acabou saindo um pouco manual mesmo a galeria.

 

Obrigado mesmo.

Diego Roberto

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito