Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #71 (permalink)  
Старый 01.06.2019, 22:09
Аспирант
Отправить личное сообщение для jobananada Посмотреть профиль Найти все сообщения от jobananada
 
Регистрация: 03.02.2019
Сообщений: 65

Вот развернутый выведеный кусок кода единичный проход цикла что мне тут изменить

<div class="goods-cart">
<div class="goods-name">Бананка Duo</div>
	<div class="goods-img" id="goods-image">
		<img id="0" class="square" src="некоторое фото">
		<span class="text">Кликни фото для просмотра</span>
	</div>
	<div class="goods-cost">Цена: 189</div>
	<div class="goods-pol">Пол: женский</div>
	<div class="goods-knopka">
		<button id="but" name="add-to-cart" data="0">Купить</button>
	</div>
</div>
Ответить с цитированием
  #72 (permalink)  
Старый 01.06.2019, 22:57
Аспирант
Отправить личное сообщение для jobananada Посмотреть профиль Найти все сообщения от jobananada
 
Регистрация: 03.02.2019
Сообщений: 65

Пробую решать таким способом

<div class="goods-cart">
<div class="goods-name">Бананка Duo</div>
	<div class="goods-img" id="goods-image">
		<img id="0" class="lazy" data-original="некоторое фото">
		<span class="text">Кликни фото для просмотра</span>
	</div>
	<div class="goods-cost">Цена: 189</div>
	<div class="goods-pol">Пол: женский</div>
	<div class="goods-knopka">
		<button id="but" name="add-to-cart" data="0">Купить</button>
	</div>
</div>

$(document).ready(function(){
	$("img.lazy").lazyload({
		effect: "fadeIn"
	});
});
Ответить с цитированием
  #73 (permalink)  
Старый 01.06.2019, 23:02
Аспирант
Отправить личное сообщение для jobananada Посмотреть профиль Найти все сообщения от jobananada
 
Регистрация: 03.02.2019
Сообщений: 65

А ну и без этого никак
<script src="shop/jquery.lazyload.min.js" charset="utf-8"></script>
библиотека лейзилоад и jquery

Последний раз редактировалось jobananada, 01.06.2019 в 23:26.
Ответить с цитированием
  #74 (permalink)  
Старый 01.06.2019, 23:27
Аспирант
Отправить личное сообщение для jobananada Посмотреть профиль Найти все сообщения от jobananada
 
Регистрация: 03.02.2019
Сообщений: 65

Почемуто пустые картинки вроди все сделал правильно
Ответить с цитированием
  #75 (permalink)  
Старый 01.06.2019, 23:33
Аспирант
Отправить личное сообщение для jobananada Посмотреть профиль Найти все сообщения от jobananada
 
Регистрация: 03.02.2019
Сообщений: 65

Все получилось ура)

function showCategories(data,cool){
        let j = cool;
        //console.log(j);
        let out = '';
        for (let i = 0; i < data.length; i++){
            if (data[i]['gsx$show']['$t'] != 0){
                if(data[i]['gsx$category']['$t'] == j){
					let str = data[i]['gsx$image']['$t'];
					let im = str.split(',')[0];
        			out +=`<div class="goods-category-cart">`;
        			out +=`<div class="goods-category-name">${data[i]['gsx$name']['$t']}</div>`;

			out +=`<div class="goods-img" id="goods-image">
					<img  id="${data[i]['gsx$id']['$t']}" class="lazy"  data-original="${im}">
					<span class="text">Кликни фото для просмотра</span>
					</div>`;
			
			out +=`<div class="goods-cost">Цена: ${data[i]['gsx$cost']['$t']}гр</div>`;
			out +=`<div class="goods-pol">Пол: ${data[i]['gsx$pol']['$t']}</div>`;
			out +=`<div class="goods-knopka"><button id="but" name="add-to-cart" data="${data[i]['gsx$id']['$t']}">Купить</button></div>`;
			out +=`</div>`;
                }else if(j == 0){
					let str = data[i]['gsx$image']['$t'];
					let im = str.split(',')[0];
        			out +=`<div class="goods-category-cart">`;
        			out +=`<div class="goods-category-name">${data[i]['gsx$name']['$t']}</div>`;
	
			out +=`<div class="goods-img" id="goods-image">
					<img  id="${data[i]['gsx$id']['$t']}" class="lazy" data-original="${im}">
					<span class="text">Кликни фото для просмотра</span>
					</div>`;
			
			out +=`<div class="goods-cost">Цена: ${data[i]['gsx$cost']['$t']}гр</div>`;
			out +=`<div class="goods-pol">Пол: ${data[i]['gsx$pol']['$t']}</div>`;
			out +=`<div class="goods-knopka"><button id="but" name="add-to-cart" data="${data[i]['gsx$id']['$t']}">Купить</button></div>`;
			out +=`</div>`;
				}else if(data[i]['gsx$type']['$t'] == j){
					let str = data[i]['gsx$image']['$t'];
					let im = str.split(',')[0];
        			out +=`<div class="goods-category-cart">`;
        			out +=`<div class="goods-category-name">${data[i]['gsx$name']['$t']}</div>`;

			out +=`<div class="goods-img" id="goods-image">
					<img  id="${data[i]['gsx$id']['$t']}" class="lazy" data-original="${im}">
					<span class="text">Кликни фото для просмотра</span>
					</div>`;
			
			
			out +=`<div class="goods-cost">Цена: ${data[i]['gsx$cost']['$t']}гр</div>`;
			out +=`<div class="goods-pol">Пол: ${data[i]['gsx$pol']['$t']}</div>`;
			out +=`<div class="goods-knopka"><button id="but" name="add-to-cart" data="${data[i]['gsx$id']['$t']}">Купить</button></div>`;
			out +=`</div>`;
				}else if(j == 1){
                    
                }
            }
        }
		/*ЗАГРУЗКА ФОТОГРАФИЙ ТОВАРОВ ПО МЕРЕ СКРОЛЛИНГА*/
		$(document).ready(function () {
			$("img.lazy").lazyload({
				effect : "fadeIn"
			});
		});
		
        return out;
    }
Ответить с цитированием
  #76 (permalink)  
Старый 01.06.2019, 23:50
Аспирант
Отправить личное сообщение для jobananada Посмотреть профиль Найти все сообщения от jobananada
 
Регистрация: 03.02.2019
Сообщений: 65

Только оно загружает именно всю страницу до скроллига а как сделать чтоб оно загружало только видимую часть и удаляло то что прокрутил или скрывало незнаю и мне ненравится задержка без нее вроди карисивее и быстрее загружались а вот счас когда на каждое фото вешается событие то получается дольше загружается возможно есть альтернатива этому?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Высылаемые данные для Vue JS после перезагрузки страницы pro_xaoc Библиотеки/Тулкиты/Фреймворки 1 08.11.2017 21:32
Редирект страницы на страницу с исключением Wolverline Events/DOM/Window 1 19.11.2015 15:54
Как подключить данные с PHP по средствам JS на удаленный сервер. Nyam Элементы интерфейса 13 11.04.2014 16:14
Php + js, получить данные DorianLeroy Общие вопросы Javascript 3 07.07.2011 16:25
Работа js +php без обновления страницы Jekel Javascript под браузер 18 29.11.2009 19:17