
Codigo para ajustar la pantalla
Publicado por Javier Conesa (4 intervenciones) el 16/09/2014 20:24:50
hola buenas tardes!
No se mucho de javascript es mi primer post.
estoy creando una web en joomla que tiene un modulo en javascript que hace que el desde una ubicacion vaya mostrando las imagenes en el fondo de la web cada 2 seg.
he intentado modificar varias cosas del archivo js pero no hay manera .
la web es esta :
restaurantelraco.com
el problema que tengo es independientemente de la medida de la imagen el modulo la adapta a la pantalla y eso las descompensa y no se llega a ver bien la foto.
el codigo en si es este:
Alguien me podria echar una mano:
No se mucho de javascript es mi primer post.
estoy creando una web en joomla que tiene un modulo en javascript que hace que el desde una ubicacion vaya mostrando las imagenes en el fondo de la web cada 2 seg.
he intentado modificar varias cosas del archivo js pero no hay manera .
la web es esta :
restaurantelraco.com
el problema que tengo es independientemente de la medida de la imagen el modulo la adapta a la pantalla y eso las descompensa y no se llega a ver bien la foto.
el codigo en si es este:
1
2
3
4
5
6
7
8
9
10
11
/*
* jQuery Backstretch
* Version 1.2.2
* http://srobbin.com/jquery-plugins/jquery-backstretch/
*
* Add a dynamically-resized background image to the page
*
* Copyright (c) 2011 Scott Robbin (srobbin.com)
* Dual licensed under the MIT and GPL licenses.
*/
(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("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100px",width:"100px"}):c.find("img").addClass("deleteable");b=a("<img />").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:"50%",height:"50%"});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);
Alguien me podria echar una mano:
Valora esta pregunta


0