Слайдер jqwery
Есть слайдер где в index.html прописанно вот это.
$(document).ready(function() { $("#showcase").awShowcase( { content_width: 900, content_height: 400, auto: true, interval: 3000, continuous: false, arrows: true, buttons: true, btn_numbers: true, keybord_keys: true, mousetrace: false, /* Trace x and y coordinates for the mouse */ pauseonover: true, stoponclick: false, transition: 'fade', /* hslide/vslide/fade */ transition_delay: 0, transition_speed: 500, show_caption: 'onload' /* onload/onhover/show */ }); }); Как сделать так что бы в зависимости от ширины экрана менялись параметры content_width: 900, content_height: 400, и что бы при масштабировании тоже срабатывало. что то типо такого: if (screen.width>960px) { content_width: 900, content_height: 400, } else if (screen.width>767px and screen.width<960px) { content_width: 900, content_height: 400, } или может есть возможность задать content_width в процентах? |
Например
content_width: $(window).width(), content_height: $(window).height() А насчёт масштабирования используйте событие "resize": $(window).on('resize', function() { //code }); |
что то у меня не получается можете указать ссылку на пример какой нибудь.
|
psfdek,
Вам на resize надо кидать не еще один запуск слайдера, а изменение размеров того, что создается по ready. |
Часовой пояс GMT +3, время: 15:47. |