entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

-2votos

como cambiar el logo en algunas paginas de mi sitio web

hola,

tengo un sitio en el que esta dividido por lugares, tengo tres destinos y necesito que cuando estes en Mexico cambie el logo, tengo un codigo que funciona pero solo recargando las paginas, es este:

 <script>
    $(function() {$('.site-header .site-branding').find('img').attr('src', 'ilogo.png');})
    </script>

FelipeMedel comentado Ene 27

podrías explicar un poco mejor lo que necesitas, no se si entendí bien, pero quieres cambiar el icono de la pestaña pero no quieres refrescar la página?? o es una imagen que quieres cambiar cuando cambies de lugar???

Ravn comentado Ene 30

hola,

necesito tener logos diferentes en algunas paginas, inserte el codigo de arriba pero no me funciona, no cambia el logo,

gracias

FelipeMedel comentado Ene 30

Pero necesitas que cambie el logo de la pestaña o una imagen dentro de la página?

Ravn comentado Ene 30

el logo(imagen) que aparece de encabezado en toda la web necesito que cambie

FelipeMedel comentado Ene 30

podrías explicarlo mejor, es decir por mas que te pregunto me dices logo, un logo puede estar en la página o también en la pestaña, pero en si que necesitas, porque una imagen la puedes cambiar de muchas maneras, me explico: puede ser que tienes secciones y cuando bajes a la sección "MEXICO" que cambie el logo, que cuando cambie a otro, entonces vuelva y cambie la imagen, o que al darle clic en una imagen digamos una bandera, entonces cambie el logo... algo así podrías explicar mejor, no creo que sea difícil ser mas claro para que te podamos ayudar...

Ravn comentado Feb 1

hola, gracias por la ayuda, no quiero cambiar el favicon de la pestaña quiero cambiar el logo predeterminado, me explico, trabajo en una interfaz donde haces tu pagina por medio de templates, pero solo me da la opcion de meter un logo como predeterminado y necesito que para cada seccion este logo cambie, el codigo que pongo arriba funciona solo cuando recargo la pagina, cambia el logo entre ciudades solo si recargo, espero haber sido mas claro, gracias.

FelipeMedel comentado Feb 2

bien, ya por ultimo para ver si tengo la idea de lo que buscas, me podrías decir en que interfaz estas haciendo tu pagina?? o el template que usas, porque podrías usar javascript para hacer este tipo de cosas, o la interfaz que usas es muy limitada??

Ravn comentado Feb 2

si me deja usar java, se trata de Squarespace

1 Respuesta

3votos

FelipeMedel Puntos4410

Bueno para ser honesto no e utilizado Squarespace, pero si dices que puedes usar JavaScript entonces podrias probar con un código como este:

<!DOCTYPE html>
<html>
<head>
    <title>cambiar imagen by FelipeMedel</title>
    <script type="text/javascript">
        function cambiar() {
          //obtendo el valor o el texto del boton
          var btnValor = document.getElementById("btnCambiar").innerHTML;
          //valido dependiendo el texto
          if(btnValor == "Pikachu"){
            //cambio la imagen
            document.getElementById('imagen').src = "img/img2.jpg";
            //cambio el valor o el texto del boton
            document.getElementById("btnCambiar").innerHTML = "Goku";
          }else{
            //se cambia la imagen
            document.getElementById('imagen').src = "img/img1.jpg";
            //se cambia el texto del boton
            document.getElementById("btnCambiar").innerHTML = "Pikachu";
          }
        }
    </script>
</head>
<body>
    <center>
        <!-- agrego un boton y hago llamado a la funcion -->
        <button id="btnCambiar" onclick="cambiar()">Pikachu</button>
        <br><br>
        <!-- imagen por defecto -->
        <img id="imagen" src="img/img1.jpg" width="250">
    </center>
</body>
</html>

Resultado:
img1
al dar clic en el botón, este nos vuelve a cambiar la imagen...
img2

pruebalo y comentas el resultado que obtuviste...

lfmd comentado Feb 8

buena respuesta, justo lo que estaba buscando, saludos...

FelipeMedel comentado Feb 8

vale @lfmd gracias por tu comentario...

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta