Change src of an image

Asked

Viewed 837 times

0

How to replace src of an image being passed with a php function to get the image directory

php javascript jquery

  • To change the src suffice img.src = "nova_src", but not seeing PHP is hard to help anymore. You’re using ajax too?

1 answer

3


Well, if you’re using jquery put an identifier in the tag img ai when you need to update the image use jQuery attr $("#id_da_image").attr("src", "novoEndereco");

Practical example (jQuery):

<!-- incluindo o jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
    //Criando função para ser acionada no onclick de um button
    var trocaImagem = function () {
         $('#imagem1').attr('src', 'imagem2.jpg');
    };
</script>

<!-- criando tag img com o id imagem1 para ser manipulada pelo jquery -->
<img id="imagem1" src="imagem1.jpg" />

<!-- criando botão para disparar o método javascript trocaImagem para realizar a troca do atributo src -->
<button type="button" onclick="trocaImagem()" />

Practical example (pure javascript):

<script>
    //Criando função para ser acionada no onclick de um button
    var trocaImagem = function () {
         document.getElementById('imagem1').src = 'imagem2.jpg';
    };
</script>

<!-- criando tag img com o id imagem1 para ser manipulada pelo javascript -->
<img id="imagem1" src="imagem1.jpg" />

<!-- criando botão para disparar o método javascript trocaImagem para realizar a troca do atributo src -->
<button type="button" onclick="trocaImagem()" />

Browser other questions tagged php javascript jquery

You are not signed in. Login or sign up in order to post.