Question

感谢任何帮助。我对这些东西都很陌生。

我已经创建了一个jquery'实时搜索'表单，它将表单的输入字符链接到我的mysql数据库中的字母图片的相关图像（例如，用户在实时搜索中输入花朵和php回声六个图像）。

这是用于参考的php代码，它将图像传递给index.php中的div：

foreach(str_split($_POST['search_term']) as $alpha) 
        { 
        echo "<img src='../delete/images/{$alpharray[$alpha][0]['imagePath']}' width='100' height='140'></src></a>"; 
        }

我希望用户点击其中一张图片打开相关图片的旋转木马，他/她可以拖放新图片以换出旧图片。最终，他们可以将整个自选字母数组作为订单提交。

从jquery方面，我可以找出旋转木马以及如何制作可拖动的东西。但是我在精神上映射我如何进行可交换部分时遇到了麻烦。制作一个新阵列？也许有人可以通过一些提示帮助我直接...？

非常感谢！

Answer 1

不确定您的问题究竟是什么，但您可以阅读.each（）图像的来源并将它们发布到您的PHP脚本中。因为看起来你有一个包含所有数据的数组，你只需阅读你想要的元素。因此，您可以覆盖要更改的元素，或创建新数组，具体取决于您想要做什么。而且你也标记了你的问题mysql，不太确定你的数据是如何存储的。

编辑：

好吧，我在这里看到两种可能的方式。一个人就是在创作中为div中的每个图像创建所有图像，如下所示：

foreach(str_split($_POST['search_term']) as $alpha) 
{ 
    echo "<img class="clickable" src='../delete/images/{$alpharray[$alpha][0]['imagePath']}' width='100' height='140'></src></a>"; 
    echo '<div class="editimages">';
    // Code that creates the images with which the above image can be replaced
    echo '</div>';
}

下行是，用户同时获取所有可能加载缓慢并创建大量流量的图像。好处是，它是最简单的解决方案，并且会在用户点击时快速反应。你可以做一些像

这样的事情

$(".clickable").click(function(){
    $(".editimages").hide();
    $(this).next().show();
});

在你的JS中。

另一个解决方案是在用户想要编辑图像时点击加载图像。好处是，它只会加载您需要的图像，因此可以在init上更快地节省流量和加载，但是当用户想要查看它们时它将开始获取替换图像，因此取决于服务器的速度和大小图像是，这可能会感觉有点慢。

使用php，mysql和jquery使图像具有交互性和可交换性

1 个答案: