Можно ли установить ширину и высоту в% в jquery slideshow

Question

Я работаю в drupal .. Я сделал слайд-шоу с использованием jquery, но изображения показывают разные размеры в разных браузерах. Можно ли установить ширину и высоту в%

<script src="http://test/sites/js/jqFancyTransitions.1.8.min.js" type="text/javascript"></script> 
<script> 
$('#ft').jqFancyTransitions({ 
    effect: 'zipper', // wave, zipper, curtain 
    width: 682, // width of panel 
    height: 268, // height of panel 
    strips: 20, // number of strips 
    delay: 2500, // delay between images in ms 
    stripDelay: 50, // delay beetwen strips in ms 
    titleOpacity: 0.7, // opacity of title 
    titleSpeed: 1000, // speed of title appereance in ms 
    position: 'alternate', // top, bottom, alternate, curtain 
    direction: 'fountainAlternate', // left, right, alternate, random, fountain, fountainAlternate 
    navigation: false, // prev and next navigation buttons 
    links: false // show images as links 
}); 

Answer 1

Попробуйте

width : screen.width * (desired percentage/100), 
height: screen.height * (dsired percentage/100), 

Answer 2

Я не могу видеть, что вы можете непосредственно в коде плагина, однако можно опустить линии ширины и высоты и использовать CSS для оформления соответствующих изображений из таблицы стилей и установить размеры в процентах там

Answer 3

// set panel 
     $('#'+el.id).css({ 
      'background-image':'url('+img[el.id][0]+')', 
      'width': params.width, 
      'height': params.height, 
      'position': 'relative', 
      'background-position': 'top left' 
      }); 

Например:

// set panel 
     $('#'+el.id).css({ 
      'background-image':'url('+img[el.id][0]+')', 
      'width': a%, 
      'height': b%, 
      'position': 'relative', 
      'background-position': 'top left' 
      }); 

Это соответствующий код из jqFancyTransitions.1.8.js

Вы можете попытаться заменить значения params.width и params.height на проценты не всех из них, но под //set panel, где css присвоен вашим параметрам. Однако эти две переменные также используются в других местах кода. Вы можете никогда не знать, что они влияют, если вы не попробуете его.

Answer 4

Я не вижу, как изменение на % width & height сделает ваши изображения одинакового размера в разных браузерах.

Определение width & height в px - ваш лучший выбор, чтобы иметь одинаковый размер во всех браузерах.

Но если вы действительно хотите, вы должны изменить что параметры функции и установить что-то вроде этого:

$..... 
    $width: '80%', // width of panel 
    $height: '60%', // height of panel 
    $.....