when i load a page all the data with images load has expected. i ma using lazy library to load images but when i press show more and load more data from database all data is loaded except images. i thinks this is a problem of lazy but atlast could not find the solution. can anyone help in solving this issue. below is my code snippet.
<script>
$(document).ready(function() {
var count = 36;
$("#loadmore").click(function() {
count = count + 18;
$("#moredata").load("loadmore.php", {
sqlcount: count
});
});
});
</script>
</head>
<body class="page">
<div class="page__layout">
<div class="overlay"></div>
<?php include("includes/header.php");
include("includes/conn.php");?>
<div id="content-ajax">
<!--MAIN-->
<main class="page__main main">
<!--CATEGORIES-->
<div class="inner">
<?php
echo '
<div class="section popular scrollreveal scrollAnimateFade">
<div class="container">
<div class="section__inner">
<div class="row row--flex row--portrait">';
$sql = "************sql command********";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$imgload = $row["movieimglink"];
if($imgload == "nil") {
$imgload = $row["posterlink"];
}
if($row['typeq']=="movie") {
echo '
<div class="col-sm-2">
<a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
<div class="category-preview__image">
<span class="lazy-bg-img" data-original="'.$imgload.'"></span>
<div class="category-preview__info">
<div class="video-preview__quality">Movie</div>
<div class="video-preview__duration">'. $row["duration"].'</div>
<div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
<div class="video-preview__quality">'. $row["quality"].'</div>
</div>
</div>
<div class="category-preview__name">
'.$row["moviename"].'
</div>
</a> </div>';
} else {
echo '
<div class="col-sm-2">
<a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
<div class="category-preview__image">
<span class="lazy-bg-img" data-original="'.$imgload.'"></span>
<div class="category-preview__info">
<div class="video-preview__quality">TVseries</div>
<div class="video-preview__duration">Episods : '. $row["duration"].'</div>
<div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
<div class="video-preview__quality">'. $row["quality"].'</div>
</div>
</div>
<div class="category-preview__name">
'.$row["moviename"].'
</div>
</a> </div>';
}
}
}
echo '<div id="moredata">';
echo '</div>';
?>
</div>
</div>
<!--pagination-->
<div class="page-controls">
<button id="loadmore" class="show-more">Show more</button>
</div> </div>
</div>
the below code is of loadmore.php
<?php
include("includes/conn.php");
$finalcount = $_POST['sqlcount'];
$sql = "********mysql command************";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$imgload = $row["movieimglink"];
if($imgload == "nil") {
$imgload = $row["posterlink"];
}
if($row['typeq']=="movie") {
echo '
<div class="col-sm-2">
<a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
<div class="category-preview__image">
<span class="lazy-bg-img" data-original="'.$imgload.'"></span>
<div class="category-preview__info">
<div class="video-preview__quality">Movie</div>
<div class="video-preview__duration">'. $row["duration"].'</div>
<div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
<div class="video-preview__quality">'. $row["quality"].'</div>
</div>
</div>
<div class="category-preview__name">
'.$row["moviename"].'
</div>
</a> </div>';
} else {
echo '
<div class="col-sm-2">
<a href="watch?url='. $row["url"].'&type='. $row["typeq"].'" class="category-preview js-ajax-link">
<div class="category-preview__image">
<span class="lazy-bg-img" data-original="'.$imgload.'"></span>
<div class="category-preview__info">
<div class="video-preview__quality">TVseries</div>
<div class="video-preview__duration">Episods : '. $row["duration"].'</div>
<div class="video-preview__quality">IMDb : '. $row["rating"].'</div>
<div class="video-preview__quality">'. $row["quality"].'</div>
</div>
</div>
<div class="category-preview__name">
'.$row["moviename"].'
</div>
</a> </div>';
}
}
}
echo '<div id="moredata">';
echo '</div>';
?>
</div>
</div>
