Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   Изменить работу скрипта при другой ширине экрана (https://javascript.ru/forum/mobile/69511-izmenit-rabotu-skripta-pri-drugojj-shirine-ehkrana.html)

AlexPol 29.06.2017 13:53
Изменить работу скрипта при другой ширине экрана
 
Добрый день

Есть скрипт, который выводит сначала 3 изображения, а по нажатию на кнопку еще 3.

$(function () {
$("div.more").slice(0, 3).show();
$("#loadMore").on('click', function (e) {
e.preventDefault();
$("div.more:hidden").slice(0, 3).slideDown();
$( "#loadMore" ).addClass( "load_none" );
});
});

Как сделать, чтобы при уменьшении ширины экрана до max-width : 992px, выводилось сначала 4 изображения, а не 3?

Заранее спасибо

j0hnik 29.06.2017 15:22 
$(function () {
	if(screen.width < 992) $("div.more").slice(0, 4).show();
	else $("div.more").slice(0, 3).show();
	$("#loadMore").on('click', function (e) {
		e.preventDefault();
		$("div.more:hidden").slice(0, 3).slideDown();
		$( "#loadMore" ).addClass( "load_none" );
	});
});

ALEKS177 22.08.2017 21:17
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Версия сайта для КПК</title>
<style media="handheld">
body {
max-width: 320px; /* Максимальная ширина страницы в пикселах */
}
</style>
</head>
<body>
<h1>Текст заголовка</h1>
<p>Текст примера</p>
</body>
</html>

рони 22.08.2017 21:53
ALEKS177,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


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