Question

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

我的弹出窗口中有第一张图片，您可以看到我尝试使用其他页面加载所有功能的工作位置。

<?  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'>";
    ?>

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

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

有没有简单的方法可以实现这一点..即使不必将页面加载到弹出窗口中？

Answer 1

如果您正在更改页面位置（听起来像是这样），请将iframe放在div（或div中）并将iframe src更改为新网址：

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

在popup Div中加载下一张图片

1 个答案: