Javascript 如何在mysql数据中使用jquery插件

我有一个产品图片，我想在鼠标上方放大。所以我下载了一个名为“jquery zoom”的jquery插件

页面上用于缩放的代码如下所示

$(document).ready(function(){
  $('.mainimage').zoom({url: 'photo-big.jpg'});
});

编辑****** 这是在页面上显示图像的php代码，在mysql中，我还有一个用于缩放的大图像

$q = mysqli_query($link,"SELECT *FROM products WHERE id = $id");
while($row = mysqli_fetch_array($q)){
  $data = $row['image'];
  $file = substr($data, strpos($data, "/") + 1);
  echo"<article class='mainimage'>",
  "<img src='$file' class='productimage' alt='{$row['name']}' />",
  "</article>";}

我希望这是有意义的！ 结束编辑**** 但是我的映像路径存储在mysql中。

---

如何将它们从mysql中提取到这段代码中？

从提供的信息中，假设您想在pageload上完成所有这些，您将编写后端部分，从数据库中检索您的信息，并为您构建javascript

例如：

// Basic DB connection handler
$dbHandler = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);

// Basic data retrieval from DB
$SQL = "SELECT filename FROM files WHERE id = ?;";
$PREP = $dbHandler->prepare($SQL);
$PREP->execute(array($idToRetrieve));
$fileData = $PREP->fetch();

// Basic script output
echo "$(document).ready(function(){
    $('.mainimage').zoom({url: '{$fileData['filename']}'});
});";

当然，各个部分将进入代码库中相应的部分。如果这不完全涵盖您的问题，请详细说明

**更新

您可以按照以下行修改jQuery：

$(document).ready(function(){
    $('.mainimage').zoom({url: '$(this).attr("src")'});
});

或者，如果缩放后的图像与小缩略图不同，则必须对PHP代码段进行如下扩展：

...
"<img src='$file' data-zoomedimage="{$row['bigimage']}" class='productimage' alt='{$row['name']}' />",     
...

---

您可以交换$this.attrsrc；对于$this.attrdata zoomedimage

您可以在url属性中插入base64字符串。通常，您只需使用PHP的echo函数将路径嵌入JavaScript中即可。@CharlotteDunois，我不知道该怎么做——新手@tadman jquery代码位于中，获取图像的php位于中的页面下方。我该怎么做呢？jQuery使从文档本身获取数据变得非常容易，例如，从数据属性获取数据。我刚刚看到您的最终编辑，您是否需要该部分的帮助，或者它已经解决了？