Question

让我们说一个成员默认显示10个图像，但是当用户点击链接时，链接会显示其余的用户图像。

所以我的问题基本上是我希望能够在用户点击链接<a>时显示购买的所有用户图片。我怎样才能使用JQuery，PHP＆amp; S来解决这个问题？ MySQL的？

Answer 1

检查这个插件，这不是你问的问题，但它是（IMO）更好的解决方案

http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

BTW：PHP和MySQL在这个问题上是随意的，因为它取决于你的图像在服务器上的存储方式

Answer 2

这将照顾它。

<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>

显然，有一些用于检索用户图像的伪代码，因为有很多方法可以获取图像，例如。从数据库（作为一个blob或文本网址），扫描文件系统，用户输入等。此外，我已经做到这一点，所以你可以在一个页面中添加多个容器（多个用户）。

Answer 3

这取决于你想要做的各个方面。

您可以使用Yanick Rochon提供的LazyLoading
你可以预加载所有图像，只需显示隐藏的图像点击。
您还可以使用AJAX加载其他图片
您可以先加载可见图像，然后加载它们 - 预加载不可见图像，以便在点击链接后立即显示它们

更深入地描述你的问题。

如何使用JQuery，PHP＆amp; amp;来点击链接时显示图像MySQL的？

3 个答案: