Posted by javi.wroom on January 11, 2013 at 2:52pm
Hola, me interesa cambiar la imagen de cabecera de mi plantilla (header.jpg) de la manera de que dependiendo de la página en la que te encuentres, muestre una imagen de cabecera u otra...
¿Algún módulo para ello?
No se me ocurre nada para intentarlo..
¿Alguna ayuda?
Gracias a todos!!
Comments
Creo que creando bloques con
Creo que creando bloques con imágenes y con context puedes hacer..
o solo con bloques
cada bloque con una imagen le puedes indicar en que paginas aparecer y en cuales no. Pero como dice nabushaitang con context puedes decirle a un bloque que aparezca en ciertas categorías o urls.
Ivan Mejia
www.medioyforma.info
www.drupalmexico.com
Mediante JQuery
Hola, mediante Jquery es otra alternativa para hacer eso
Nosotros hicimos algo similar en http://www.manantialespoint.com/
Fijate que si pasas por encima de Mediodía, After beach, noche o cena cambiará el fondo, también si entras en algunos de esos apartados el fondo será otro.
Espero te sirva. Te copio el codigo JQuery que utilizamos para eso.
Saludos!
Luis
// Cuando el mouse pasa sobre alguna de las imágenes de "Destacados"var fondo_generico = "http://pre.ecommerce.kadabrait.com/manantialespoint/sites/all/themes/manantiales_point/images/background1.jpg";
var fondo_mediodia = "http://pre.ecommerce.kadabrait.com/manantialespoint/sites/all/themes/manantiales_point/images/fondo_mediodia.jpg";
var fondo_after = "http://pre.ecommerce.kadabrait.com/manantialespoint/sites/all/themes/manantiales_point/images/fondo_after.jpg";
var fondo_cena = "http://pre.ecommerce.kadabrait.com/manantialespoint/sites/all/themes/manantiales_point/images/fondo_cena.jpg";
var fondo_noche = "http://pre.ecommerce.kadabrait.com/manantialespoint/sites/all/themes/manantiales_point/images/fondo_noche.jpg";
jQuery("body").prepend('<div id="fondo-imagenes"><img src=' + fondo_generico + '><img src=' + fondo_mediodia + '><img src=' + fondo_after + '><img src=' + fondo_cena + '><img src=' + fondo_noche + '></div>');
var imagenes = jQuery('#fondo-imagenes img');
imagenes.hide();
jQuery(".view-destacados .col-1").mouseenter(function() {
imagenes.eq(1)'fadeToggle'.addClass('img_activa');
}).mouseleave(function(){
imagenes.eq(1)'fadeToggle'.removeClass('img_activa');
});
jQuery(".view-destacados .col-2").mouseenter(function() {
imagenes.eq(2)'fadeToggle'.addClass('img_activa');
}).mouseleave(function(){
imagenes.eq(2)'fadeToggle'.removeClass('img_activa');
});
jQuery(".view-destacados .col-3").mouseenter(function() {
imagenes.eq(3)'fadeToggle'.addClass('img_activa');
}).mouseleave(function(){
imagenes.eq(3)'fadeToggle'.removeClass('img_activa');
});
jQuery(".view-destacados .col-4").mouseenter(function() {
imagenes.eq(4)'fadeToggle'.addClass('img_activa');
}).mouseleave(function(){
imagenes.eq(4)'fadeToggle'.removeClass('img_activa');
});
Puedes usar una vista con un filtro contextual.
Puedes crear una vista con un display de tipo bloque y un tipo de contenido que contenga tus imágenes y una referencia a la url en la que quieres que se muestre.
De esta forma lo haces con un solo bloque y sin tener que tocar código.
Que tengas un buen día / Have a great Day