Слайдер 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, время: 16:34. |