me gustaría saber si hay una manera de convertir píxel por ciento… tengo un código que me sale el valor de la anchura completa con éxito, pero la única cosa para mantener el objeto en el centro, me deben utilizar por ciento.

Aquí es lo que yo uso en obtener el valor de la anchura que necesito para convertir después de a por ciento.

$(document).ready(function(){
    var sp = $('.slide'),
        winWidth = $('#slides').width();
        console.log(winWidth);

    sp.css('width', winWidth);
});

Gracias por la ayuda.

Aquí está la versión actualizada de violín enlace.
*nota: lo que yo quería era establecer el «.diapositiva» contenedor convertido en líquido para hacer que el objeto todavía en el centro de la mancha. Siéntase libre de modificar mi violín. Ahora mismo estoy usando mi dada código jQuery para obtener el ancho exacto de la «#slide» en por ciento del píxel (‘.diapositiva’). Luego de eso, intente cambiar el tamaño de su navegador para ver la salida de marco de la diapositiva. Im usando SlidesJS plugin FYI.

si usted publique el código html también sería útil
por ciento de lo que? Usted puede obtener el ancho del cuerpo o cualquier elemento que desee y, a continuación, calcular el por ciento de esa manera.
(child / parent) * 100
Tenga en cuenta que .width() devolverá únicamente el contenido del elemento. Considere el uso de .outerWidth() para incluir cualquier relleno y los bordes o .outerWidth(true) para incluir también los márgenes.
Gracias por true param de outerWidthaquí docs

OriginalEl autor iMarkDesigns | 2012-11-14

4 Comentarios

  1. 8
    percent = ($("#your_element") / $("#some_parent_id").width()) * 100

    Donde $("#your_element") es el elemento que desea contar ancho en %, donde $("#some_parent_id") es el elemento relativo a la cual desea contar ancho.

    OriginalEl autor Daniil Ryzhkov

  2. 3

    El porcentaje sería el valor real en píxeles (adquirida por .width) dividido por el valor de la anchura en píxeles del bloque (posiblemente adquiridos a través de $("#slides").parent().width()) multiplicado por 100.

    Te perdiste la cita después de #slides. No se puede editar. Por favor arreglarlo
    solucionado, gracias

    OriginalEl autor Explosion Pills

  3. 1

    Intente Esto:

     $(document).ready(function(){
            var sp = $('.slide'),
                winWidth = $('#slides').width(),
            wWidth = $(window).width();
            sp.width(((winWidth / wWidth) * 100)+'%');
        });

    OriginalEl autor brightboy2004

  4. 0

    Ok, me di cuenta de que «#diapositivas» no es el elemento correcto que necesito para obtener el valor de la anchura, ya que también fue parte de las diapositivas marco en lugar puedo obtener el valor de navegador de eventos del tamaño de la pantalla donde tengo que pasar el valor cada vez que la pantalla del navegador se cambia el tamaño.

    Por favor consulte este enlace para ver la versión actualizada de violín.
    actualizado el violín fuente

    Este es el código que he encontrado útil para corregir mi problema.

    $(window).resize(function() {
      var sp = $('#slides .slide');
      console.log(document.body.clientWidth);
      winWidth = document.body.clientWidth;
      sp.css('width', winWidth);
    });

    En el caso, estoy totalmente de puede cambiar el tamaño de mi ancho y ajuste automático de mi clase anchura del elemento sin tener mi centro objeto atascado en el mismo lugar. 🙂

    OriginalEl autor iMarkDesigns

Dejar respuesta

Please enter your comment!
Please enter your name here