正在加载弹出分区内的下一个图像


Loading next image inside popup Div

我只是想知道社交媒体网站是如何在第一个图像的弹出窗口中添加链接,以将下一个新图像加载到同一弹出窗口中的。

我在弹出窗口中有第一个图像,正如你所看到的,我尝试使用不同的页面加载所有功能。

<?  if($user2_id==$_SESSION['id']){ 
$cover="SELECT coverphoto_id,coverphoto from coverphotos WHERE coverphoto_userid='$user1_id'";
$rescover=mysqli_query($mysqli,$cover) or die(mysqli_error($mysqli));
$rowcover=mysqli_fetch_assoc($rescover);
?>
    <script>
    function popup(){
        $("#popUpDiv").load('include/covermedia.userimage.php?pid=<? echo $rowcover['coverphoto_id'] ?>');
        $("#blanket").show();
        $("#popUpDiv").show();
    }
    </script>
    <div id="blanket" style="display:none"></div>
    <div id="popUpDiv" style="display:none">
    <a href="#" onClick="popup('popUpDiv')" >X</a>
    </div>
    <a href="#" onClick="popup('popUpDiv')" ><div id="usercover" >
    <? echo "<img id='"coverimage'" border='"0'" src='coverimages/".$rowcover['coverphoto']."?".time()."' width='"600px'"  onerror='this.src='"coverimages/nocover.png'"' alt='onerror='this.style.height='300px'>";
    ?>

我面临的问题是,加载页面中的上一个和下一个链接不会加载弹出div中的下一个新数据,而是导航到页面。

`include/covermedia.userimage.php?pid=".$photo_prev['coverphoto_id']."'` 

有什么简单的方法可以让我做到这一点吗。。即使不必将页面加载到弹出窗口中?

如果您正在更改页面位置(听起来像是这样),请将iframe放在您有div的地方(或在div内),并将iframe-src更改为您的新URL:

$("#popUpIFrame").attr('src','include/covermedia.userimage.php?pid=<? echo $rowcover['coverphoto_id'] ?>');