Question

我正在开发一个查询插件滑块，它看起来类似于facebook像photogrid，滑块工作得很好。我的应用程序具有类似于facebook和linkedin的功能，其中有posts.Each帖子可能有这些pics滑块，其图像来自数据库的路径对于不同的帖子有不同的$ msg_ids.This滑块仅适用于一个帖子。如果我刷新页面所有帖子都没有图像，除了一个帖子。如何解决？我希望滑块能够用于不同的工作：

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

这是代码： “/＆gt;

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

当您在同一视图中混合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方法中的images对象接受每个图像路径作为字符串，所以如果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' }
});

我希望这有帮助，

肖恩。

如何使jquery滑块适用于数据库中的不同数据集？

1 个答案: