javascript - 如何使jquery slider 适用于数据库中的不同数据集？

Question

我正在开发一个查询插件 slider ，它看起来类似于 facebook，如 photogrid， slider 工作得很好。我的应用程序具有类似于 facebook 和 linkedin 的功能，其中有帖子。每个帖子可能有这些图片 slider ，其图像对于具有不同 $msg_ids 的不同帖子，数据库的路径将有所不同。此 slider 仅适用于一篇帖子。如果我刷新页面，所有帖子都没有图像，除了一篇帖子。如何解决这个问题？我希望 slider 适用于不同的情况:

 <div id="posts" class="post-image">

这是代码: ”/>

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

Answer 1

当您在同一个 View 中混合 PHP、HTML 和 JavaScript 时，为什么不试试这个:

<div class="post-image">
    <?php $imagePathArray = explode(',',$uploads); ?>
    <div id="gallery7" ></div>
    <p><?php echo $message; ?></p>
</div>
<footer>
    <script type="text/javascript">
        $(function() {
            $('#gallery7').imagesGrid({
                images:
                    <?php foreach($imagePathArray as $data): ?>
                        "<?php echo $data ?>",
                    <?php endforeach; ?>
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });
        });
    </script>
</footer>

这假设您的 imagesGrid 方法中的图像对象接受每个图像路径作为字符串，因此如果 PHP 中的 $imagePathArray 是:

array("/img/image1.png", "/img/image2.php", "/img/image3.png");

脚本的相关部分本质上应该是:

$('#gallery7').imagesGrid({
    images:"/img/image1.png","/img/image2.png", "/img/image3.png",
    align: true,
    getViewAllText: function(imgsCount) { return 'View all' }
});

希望这会有所帮助，

肖恩。