Привет. Ребята, я с 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>