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>

1voto

FelipeMedel comentado

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???

0voto

Ravn comentado

hola,

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

gracias

0voto

FelipeMedel comentado

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

0voto

Ravn comentado

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

0voto

FelipeMedel comentado

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...

0voto

Ravn comentado

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.

0voto

FelipeMedel comentado

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??

0voto

Ravn comentado

si me deja usar java, se trata de Squarespace

1 Respuesta

3votos

FelipeMedel Puntos7400

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...

1voto

lfmd comentado

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

1voto

FelipeMedel comentado

vale @lfmd gracias por tu comentario...

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

Otras Preguntas y Respuestas


...

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

Conecta