Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.06.2017, 14:53
Новичок на форуме
Отправить личное сообщение для AlexPol Посмотреть профиль Найти все сообщения от AlexPol
 
Регистрация: 29.06.2017
Сообщений: 1

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

Есть скрипт, который выводит сначала 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?

Заранее спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 29.06.2017, 16:22
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

$(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" );
	});
});

Последний раз редактировалось j0hnik, 29.06.2017 в 16:29.
Ответить с цитированием
  #3 (permalink)  
Старый 22.08.2017, 22:17
Аватар для ALEKS177
Новичок на форуме
Отправить личное сообщение для ALEKS177 Посмотреть профиль Найти все сообщения от ALEKS177
 
Регистрация: 14.08.2017
Сообщений: 6

Пример
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, 22:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,059

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

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


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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отключение скрипта при определенной ширине экрана vladislav_zp Элементы интерфейса 2 03.08.2016 10:57
Выполнение скрипта, только при определенной ширине окна satopol jQuery 2 14.06.2016 11:52
Table - как избавиться от автоматич. уменьшения ширины при уменьшении размера экрана? eugen35 (X)HTML/CSS 5 22.08.2014 12:25
Снятие затемнения с экрана при получении ответа от php срипта с помощью setInterval roma86 jQuery 0 16.08.2009 12:39
Меню выезжающее слева при подведении курсора к левой части экрана Артём Тарасов Общие вопросы Javascript 6 25.02.2009 14:18