Форум

AlexPol · #1 (**permalink**) 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 · #2 (**permalink**) 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 · #3 (**permalink**) 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>

рони · #4 (**permalink**) 22.08.2017, 21:53

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

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

[js]
... ваш код...
[/js]

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

Форум

Справочник

Discord чат

Курсы javascript