Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Слайдер jqwery (https://javascript.ru/forum/dom-window/46896-slajjder-jqwery.html)

psfdek 28.04.2014 19:01

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

ruslan_mart 28.04.2014 19:16

Например

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


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

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

psfdek 28.04.2014 22:19

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

Viral 05.05.2014 14:54

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


Часовой пояс GMT +3, время: 22:01.