Примерно так:
$(document).ready(function() {
var width = document.documentElement.clientWidth; // получаем ширину окна браузера пользователя
var wowBookwidth = "";
var wowBookрheight = "";
if (width >= "1280"){ // Добавляем проверку на ширину, в зависимости от которой будем менять переменную ширины wowBook
wowBookwidth = "800"; // Указываете свою ширину (это для примера)
wowBookрheight = "500"; // Указываете свою высоту (это для примера)
} else if (width >= "800" && width <= "1024"){
wowBookwidth = "700"; // Указываете свою ширину (это для примера)
wowBookрheight = "400"; // Указываете свою высоту (это для примера)
} else if (width <= "800"){
wowBookwidth = "600"; // Указываете свою ширину (это для примера)
wowBookрheight = "300"; // Указываете свою высоту (это для примера)
}
console.log(width);
$('#features').wowBook({height : wowBookрheight, width : wowBookwidth, pageNumbers: 0, flipSound: 1,centeredWhenClosed : true
,hardcovers : true, controls : {
next : '#next',
back : '#back',
first : '#first',
last : '#last',
slideShow : '#slideshow',
flipSound : '#flipsound',
fullscreen : '#fullscreen'
}
}).css({'display':'none', 'margin':'auto'}).fadeIn(1000);
});
Если надо при изменении размера экрана, то добавьте функцию $(window).resize(function() {...});
Пример:
$(document).ready(function() {
$(window).resize(function() {
var width = document.documentElement.clientWidth; // получаем ширину окна браузера пользователя
var wowBookwidth = "";
var wowBookрheight = "";
if (width >= "1280"){ // Добавляем проверку на ширину, в зависимости от которой будем менять переменную ширины wowBook
wowBookwidth = "800"; // Указываете свою ширину (это для примера)
wowBookрheight = "500"; // Указываете свою высоту (это для примера)
} else if (width >= "800" && width <= "1024"){
wowBookwidth = "700"; // Указываете свою ширину (это для примера)
wowBookрheight = "400"; // Указываете свою высоту (это для примера)
} else if (width <= "800"){
wowBookwidth = "600"; // Указываете свою ширину (это для примера)
wowBookрheight = "300"; // Указываете свою высоту (это для примера)
}
$('#features').wowBook({height : wowBookрheight, width : wowBookwidth, pageNumbers: 0, flipSound: 1,centeredWhenClosed : true
,hardcovers : true, controls : {
next : '#next',
back : '#back',
first : '#first',
last : '#last',
slideShow : '#slideshow',
flipSound : '#flipsound',
fullscreen : '#fullscreen'
}
}).css({'display':'none', 'margin':'auto'}).fadeIn(1000);
});
});
ready
. Написал пример.