Diseño y Posicionamiento Web con Joomla › Foros › General › Joomla en General › MOdule BAckground rotator
- Este debate tiene 4 respuestas, 3 mensajes y ha sido actualizado por última vez el hace 10 años, 3 meses por javier.
-
AutorEntradas
-
-
15/07/2014 a las 18:48 #112279javierParticipante
Hola buenas.
Tengo un modulo que hace poner un pase de imagenes en el fondo de la web.
Este modulo solo da opcion a darle una carpeta de imagenes y a decirle si quiere que las muestre por sorteo por fecha o por nombre alfabetico.Bien el problema es que me estira las fotos independientemente de la resolucion al que yo suba las fotos en esa carpeta.
He indagado un poco y parece que autoredimensiona la imagen al monitor del dispositivo.
Si alguin sabe de Jquery , me podria decer donde modificar el codigo para que muestre las imagenes en su defecto como son.AJUNTO CODIGO:
(function(a){a.backstretch=function(k,i,l){function m(c){try{g={left:0,top:0},d=e.width(),b=d/j,b>=e.height()?(h=(b-e.height())/2,f.centeredY&&a.extend(g,{top:"-"+h+"px"})):(b=e.height(),d=b*j,h=(d-e.width())/2,f.centeredX&&a.extend(g,{left:"-"+h+"px"})),a("#backstretch, #backstretch img:last").width(d).height(b).filter("img").css(g)}catch(o){}typeof c=="function"&&c()}var n={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),f=c.data("settings")||n;c.data("settings");var e="onorientationchange" in window?a(document):a(window),j,d,b,h,g;i&&typeof i=="object"&&a.extend(f,i);a(document).ready(function(){if(k){var b;c.length==0?c=a("
").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"});e=this.width||a(b.target).width();b=this.height||a(b.target).height();j=e/b;m(function(){d.fadeIn(f.speed,function(){c.find(".deleteable").remove();typeof l=="function"&&l()})})}).appendTo(c);a("body #backstretch").length==0&&a("body").append(c);c.data("settings",f);b.attr("src",k);a(window).resize(m)}});return this}})(jQuery);
-
15/07/2014 a las 19:58 #112280Federico PiccoliParticipante
Ciao
[quote=”javidesi” post=32644]… autoredimensiona la imagen al monitor del dispositivo….[/quote]
Claro, como tiene que ser o quieres una imagen que cubra 2 / 3 de pantalla y el resto blanco?
-
16/07/2014 a las 17:43 #112281AnónimoInvitado
Por lo que tu dices parace ser un modulo responsivo.
Fijate si en la configuración no tiene la opcion de elegir entre responsivo a no. Tambien puede ser que tenga la posibilidad de fijar ancho y alto de la imagenes en porcentaje o pixeles.
En lo que ha codigo se refiere y segun lo que esta arriba veo que por la mitad del codigo dice width:”100%”. Puedes probar cambiar a 500px, por ejemplo, para decir 500 pixeles y probar si funciona.
Saludos
Max
-
16/07/2014 a las 19:45 #112282Federico PiccoliParticipante
Ciao
Max no es un modulo responsivo, és un modulo que pone de fondo de la plantilla una imagen 100% width y 100% height.
-
30/07/2014 a las 23:02 #112354javierParticipante
hola gracias por responder.
Disculpa la tardanza .
como es el codigo para autoredimensionar
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.