Слайдер jqwery

[psfdek]

Есть слайдер где в 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  в процентах?

[ruslan_mart]

Например

content_width: $(window).width(),
content_height: $(window).height()

А насчёт масштабирования используйте событие "resize":

$(window).on('resize', function() {
   //code
});

[psfdek]

что то у меня не получается можете указать ссылку на пример какой нибудь.

[Viral]

psfdek,
Вам на resize надо кидать не еще один запуск слайдера, а изменение размеров того, что создается по ready.