Cita:
Iniciado por furoya Está muy bien eso de usar la scrollbar como control de slide, pero con una animación personalizada.
Lo que hay que aclararle a los que pasen a buscar ideas que esa página aún no está terminada. Los ajustes no andan en todos los navegadores, sólo en algunos casos sigue al resize, falta un botón para detener la música, hay que optimizar la carga ...
Y me parece que al final sí era ajustar siempre a lo ancho. Un punto importante es que te asegures que en cualquier navegador muestre las barras de desplazamiento (en Opera tuve algunos problemas, pero terminé usando el maus con su botón flotante, y la vi).
Donde además estuviste muy bien fue en extraer el código que te hacía falta. Como dije, cargar toda la librería para esto es un despropósito.
Pero el código que te puse funciona también para objetos y demás capas. Solamente hay que quitarle el ajuste por altura, que no lo necesitas, y el resto de las variables que agregué previendo que hubiese que seguir trabajando con más posibilidades.
Gracias
pues si la pagina esta aun en fase de desarrollo y me queda por ajustar muchas cosas XD
es verdad que en opera le cuesta moverla y en IE no quiero ni pensarlo XD
pero en fin cuando este terminada lo publicare si me permiten los administradores XD por si alguno le interesa
pero como el problema que tuve era ajustar el alto y ancho
pues dejo la funcion que permite hacerlo gracias a los ejemplos antes dados XD
Código PHP:
function bgresized(iw, ih, width, height, minw, minh){
var w=0, h=0, x=0, y=0, fRatio=0;
if(minw){
if(width < minw ) width=minw;
}
if(minh){
if(height < minh ) height=minh;
}
if (width > height) {
//console.log(iw, ih);
if (iw > ih) {
fRatio = iw/ih;
w = width
h = Math.round(width * (1/fRatio));
var newIh = h;
if(newIh < height) {
fRatio = ih/iw;
h = height;
w = Math.round(height * (1/fRatio));
}
} else {
fRatio = ih/iw;
h = height;
w = Math.round(height * (1/fRatio));
}
} else {
fRatio = ih/iw;
h = height;
w = Math.round(height * (1/fRatio));
}
if (w > width) {
x = (w - width) / 2;
}
if (h > height) {
y = (h - height) / 2;
}
return {'w':Math.round(w),'h':Math.round(h),'x':Math.round(x),'y':Math.round(y)};
}
Saludos