如何使用JQuery、PHP&；单击链接时显示图像；MySQL？

假设一个成员在默认情况下显示10个图像，但当用户单击链接时，链接将通过使其向下滑动来显示其余用户的图像

---

因此，我的问题基本上是，我希望能够显示所有用户购买的图像，当用户单击链接时，这些图像会向下滑动。我如何使用JQuery、PHP和MySQL解决这个问题？

检查这个插件，它不是你所要求的，但它是（IMO）一个更好的解决方案

---

顺便说一句：PHP和MySQL在这个问题上是任意的，因为它取决于您的图像如何存储在服务器上，这将解决它

<script>
$(document).ready(function() {
    $(".more").toggle(
        function() {
            $(this).text('less');
            $(this).parent().children(".bottom_images").slideDown("fast");
                    return false;
        },
        function() {
            $(this).text('more');
            $(this).parent().children(".bottom_images").slideUp("fast");
                    return false;
    });
});
</script>
<style>
.bottom_images {
    display: none;  
}
</style>
<div class="container">
    <div class="top_images">
    <?php
    //num images to originally display
    $num_show=10;
    //current position
    $i=1;

    //some code to get user images
    //from database etc
    foreach($images as $image_url) {
        if($i==10) {
            echo '</div><div class="bottom_images">';   
        }
        echo '<img src="'.$image_url.'" />';
        $i++;
    }
    ?>
    </div>
    <a href="#" class="more">more</a>
</div>

$（文档）.ready（函数（）{
$（“.more”）.toggle(
函数（）{
$（this.text（'less'）；
$（this.parent（）.children（.bottom_images”）.slideDown（“fast”）；
返回false；
},
函数（）{
$（this.text（'more'）；
$（this.parent（）.children（“.bottom_images”）.slideUp（“fast”）；
返回false；
});
});
.底部图像{
显示：无；
}

---

显然，有一些伪代码用于检索用户图像，因为有许多方法可以获取图像，例如从数据库（作为blob或文本url）、扫描文件系统、用户输入等。我还制作了一些伪代码，以便您可以添加多个容器（多个用户）进入一个页面。

这取决于各个方面，您希望如何做到这一点

• 您可以使用Yanick Rochon提供的LazyLoading
• 当
  点击
• 您还可以使用AJAX加载其他图像
• 您可以先加载可见图像，然后再加载它们-预加载不可见图像，以便在单击链接后立即显示它们

更深入地描述你的问题