2011-07-10 18 views
6

Ok he codificado algunas páginas html. Integré un control deslizante jQuery allí. Control deslizante de la órbita del nombre del control deslizante. Mi sitio usa diseño fluido. Si minimiza la página verticalmente, puede ver las imágenes de la esquina derecha moviéndose hacia el lado izquierdo.Por favor, ayúdame a arreglar el ancho de html div en javascript

Pero tengo un problema. También quiero mover la barra deslizadora del lado derecho cuando el usuario encoge la página verticalmente.

El problema es que no pude aplicar el ancho del 100% en el control deslizante. El Control deslizante crea automáticamente el ancho según el tamaño de la imagen. No sé cómo cambiarlo al 100% de ancho.
Puede consultar el control deslizante en esta página.

Click here to see the page

Este es mi archivo javascript.

Javascript file

este es el lugar donde el JavaScript utiliza anchura.

var b = 0, 
p = 0, 
h, v, u, f = d(this).addClass("orbit"), 
c = f.wrap('<div class="orbit-wrapper" />').parent(); 
f.add(h).width("1px").height("1px"); 
var e = f.children("img, a, div"); 
e.each(function() { 
    var a = d(this), 
    b = a.width(), 
    a = a.height(); 
    b > f.width() && (f.add(c).width(b), h = f.width()); 
    a > f.height() && (f.add(c).height(a), v = f.height()); 
    p++ 
}); 

Puede consultarlo en el archivo javascript. Quiero el ancho 100%. Por favor, dame una idea. Gracias

+2

1+ Esa es una buena pregunta. Provisto código, muestra de trabajo ... Tengo que salir ahora de lo contrario habría ayudado. – Aliostad

Respuesta

3

¿Puede forzar el control deslizante con ser 100 &% mediante el! Css importante! Lo probé a través de Firebug y pareció funcionar.

ejemplo cambiar el CSS a:

.orbit-wrapper: 
{ 
    width: 100% !important; 
} 
+0

+1 hermano impresionante Esta funcionando. :) – Giri

Cuestiones relacionadas