Skip to main content

Mantener imagen con javascript :)

si ven el codigo se daran cuenta que conCon el id "modoimg", puedo cambiar entre 2 imagenesimágenes, si clickodoy clic se coloca la imganeimagen "blanco" y si clickodoy clic de nuevo se coloca la imagen "negro" y funciona, pero me gustariagustaría saber como podriapodría conservar el cambio aun despues de recargar la pagina, gracias.

pdt: noNo lo hice con botones porque estoy probando con varias opccionesopciones pero si es mas facilfácil o en algo arregla que se haga con botones no hay problema <3

a


 <a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

          <img src="blanco.png" alt="" id="modoimg" > 
 
<script>
     
var image_tracker ='b';= 'b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>

Mantener imagen con javascript :)

si ven el codigo se daran cuenta que con el id "modoimg", puedo cambiar entre 2 imagenes, si clicko se coloca la imgane "blanco" y si clicko de nuevo se coloca la imagen "negro" y funciona, pero me gustaria saber como podria conservar el cambio aun despues de recargar la pagina, gracias.

pdt: no lo hice con botones porque estoy probando con varias opcciones pero si es mas facil o en algo arregla que se haga con botones no hay problema <3

a


 <a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

          <img src="blanco.png" alt="" id="modoimg" > 
 
<script>
    var image_tracker ='b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>

Mantener imagen con javascript

Con el id "modoimg" puedo cambiar entre 2 imágenes, si doy clic se coloca la imagen "blanco" y si doy clic de nuevo se coloca la imagen "negro" y funciona, pero me gustaría saber como podría conservar el cambio aun despues de recargar la pagina, gracias.

No lo hice con botones porque estoy probando con varias opciones pero si es mas fácil o en algo arregla que se haga con botones no hay problema

<a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

<img src="blanco.png" alt="" id="modoimg" > 
 
var image_tracker = 'b'; 

function change(){
  var image = document.getElementById('modoimg'); 
  if(image_tracker=='b'){
     image.src='negro.png';
     image_tracker='n';
  }else{
     image.src = 'blanco.png';
     image_tracker='b';
  }
}
se añadieron 183 caracteres en el cuerpo
Origen Enlace

Como puedo conservarsi ven el codigo se daran cuenta que con el id "modoimg", puedo cambiar entre 2 imagenes, si clicko se coloca la imgane "blanco" y si clicko de nuevo se coloca la imagen quede "activa""negro" y funciona, pero me gustaria saber como podria conservar el cambio aun despues de recargar la pagina? (soy nuevo en esto :^[ ), gracias.

pdt: no lo hice con botones porque estoy probando con varias opcciones pero si es mas facil o en algo arregla que se haga con botones no hay problema <3

a


<a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

          <img src="blanco.png" alt="" id="modoimg" > 

<script>
    var image_tracker ='b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>

Como puedo conservar que la imagen quede "activa" aun despues de recargar la pagina? (soy nuevo en esto :^[ )

pdt: no lo hice con botones porque estoy probando con varias opcciones pero si es mas facil o en algo arregla que se haga con botones no hay problema <3

a


<a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

          <img src="blanco.png" alt="" id="modoimg" > 

<script>
    var image_tracker ='b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>

si ven el codigo se daran cuenta que con el id "modoimg", puedo cambiar entre 2 imagenes, si clicko se coloca la imgane "blanco" y si clicko de nuevo se coloca la imagen "negro" y funciona, pero me gustaria saber como podria conservar el cambio aun despues de recargar la pagina, gracias.

pdt: no lo hice con botones porque estoy probando con varias opcciones pero si es mas facil o en algo arregla que se haga con botones no hay problema <3

a


<a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

          <img src="blanco.png" alt="" id="modoimg" > 

<script>
    var image_tracker ='b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>
se añadieron 30 caracteres en el cuerpo
Origen Enlace

Como puedo conservar que la imagen quede "activa" aun despues de recargar la pagina? (soy nuevo en esto :^[ )

` cambiar img prueba pdt:[ no lo hice con botones porque estoy probando con varias opcciones pero si es mas facil o en algo arregla que se haga con botones no hay problema <3

a

      <img
<a src="blancohref="ejempli.png"html" alt=""id="" id="modoimg"title="Modo >contraste" //aonclick="change();"> imagen por defecto

    <script>
var image_tracker ='b'; //la variable que va<img asrc="blanco.png" saberalt="" queid="modoimg" imagen> esta

<script>
 puesta para pasar avar lasimage_tracker condiciones='b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>`script>

Como puedo conservar que la imagen quede "activa" aun despues de recargar la pagina? (soy nuevo en esto :^[ )

` cambiar img prueba :[

      <img src="blanco.png" alt="" id="modoimg" > //a imagen por defecto

    <script>
var image_tracker ='b'; //la variable que va a saber que imagen esta puesta para pasar a las condiciones 

function change(){
  var image = document.getElementById('modoimg'); 
  if(image_tracker=='b'){
    image.src='negro.png';
    image_tracker='n';
  }else{
    image.src = 'blanco.png';
    image_tracker='b';
  }
}
    </script>`

Como puedo conservar que la imagen quede "activa" aun despues de recargar la pagina? (soy nuevo en esto :^[ )

pdt: no lo hice con botones porque estoy probando con varias opcciones pero si es mas facil o en algo arregla que se haga con botones no hay problema <3

a


<a href="ejempli.html" id="" title="Modo contraste" onclick="change();">   

          <img src="blanco.png" alt="" id="modoimg" > 

<script>
    var image_tracker ='b'; 

    function change(){
      var image = document.getElementById('modoimg'); 
      if(image_tracker=='b'){
        image.src='negro.png';
        image_tracker='n';
      }else{
        image.src = 'blanco.png';
        image_tracker='b';
      }
    }
        </script>
Origen Enlace
Loading