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

Заменить кнопку Показать ещё, на скроллинг
Привет. Ребята, я с js не дружу, поэтому прошу помощи у вас. Сейчас новости перелистываеются кнопкой показать ещё.
Помогите убрать кнопку Показать ещё, и сделать чтобы автоматом при скроллинге листалось дальше.

Ниже код страницы
<?php
include 'db.php';
include 'head.php'; 
?>

<div id="content" class="center">
<div class="fullbox">


<?php 
if(isset($_GET['ok_del'])){
echo '<div class="adminfo" role="alert">Пользователь и все его картинки успешно удалены!</div>';	
}
$req = mysql_query("SELECT * FROM `settings` WHERE `id` = 1");
$set = mysql_fetch_array($req);
$pg=page::pg_num($set['file_index'], 'files WHERE posting = 0'); // Считаем файлы в базе для пагинации
$req = mysql_query("SELECT * FROM `files` WHERE `posting` = 0 ORDER BY `id` DESC LIMIT ".$pg['start'].", ".$pg['num']."");
if(mysql_num_rows($req) == 0){
echo '<div class="adminfo" role="alert">Картинок нет.</div>';
}	
while($file = mysql_fetch_array($req)){
if($file['date_day'] == date('dmy', time())){
$new = '<div class="newshot"> Новый</div>';
}else{
$new = null;
}
?>




<div class="thumb">
<a class="th-link" href="/test/<?=$file['id']?>">
<div class="th-img img-box">
<img src="/img/<?=$file['file']?>" alt="image" class="img-responsive"><?=$new?>
<div class="th-meta flex-row icon-left">
<span class="model"><i class="fa_main fa-camera"></i><?=$file['name']?></span>
<span class="date"><i class="fa_main fa-calendar"></i><?=date('d ' . $months[date( 'n' )] . ' Y (H:i)',$file['date'])?></span>
<div class="clearfix"></div>
</div>
</div>
</a>
</div>

<?php } ?>

</div>

<input type="ajaxbtn" class="ajaxbtn" value="Показать еще" id="show_more" count_show="<?=mysql_num_rows($req);?>"/>

</div>

</body>
</html>

<script>
	$(document).ready(function(){
		$('#show_more').click(function(){
		var btn_more = $(this);
		var count_show = parseInt($(this).attr('count_show'));
		var count_add = 8;
		btn_more.val('Подождите...');
				 
			$.ajax({
				url: "index-add.php",
				type: "post",
				dataType: "json",
				data: {
					"count_show": count_show, 
					"count_add": count_add
				},
				success: function(data){
					if(data.result == "success"){
						$('#content').append(data.html);
							btn_more.val('Показать еще');
							btn_more.attr('count_show', (count_show + count_add));
					}else{
						btn_more.val('Больше нету картинок');
					}
				}
			});
		});
	});
</script>

Последний раз редактировалось Puzzle, 25.10.2017 в 20:21.
Ответить с цитированием