Php 我如何在每个WordPress post图像周围添加div&；检索悬停图像以进行社交共享？

我想在我的帖子中的每个图片周围添加div，以便能够在hover上添加社交共享图标。 为此，我使用了Rick Sanchez共享的有用代码：

function breezer\u addDivToImage（$content）{
//查找内容的正则表达式。
$pattern=/(
';
//在$content上运行preg_replace（）
$content=preg_replace（$pattern，$replacement，$content）；
//返回已处理的内容
返回$content；
}
添加_过滤器（'the_content'、'breezer_addDivToImage'）；

有了这段代码，我现在可以在每张图片（twitter、google和facebook）上方显示共享图标，但我的问题是，共享的图片总是文章的第一张图片，而不是悬停的图片（例如第二张、第三张等）。 根据Rick提供的代码，你知道我如何做到这一点吗？如何检索悬停的图像

---

非常感谢您的帮助！

我已经编写了上面的代码，现在可以在matches表中检索帖子中每个图像的url。这将允许检索社交网络共享按钮的每个图像url，但我现在被阻止了如何使用preg_replace替换为每个图像的替换变量因为它将检索保存在matches表中的图像url。您知道我如何才能做到这一点吗

为了检索每个图像url，我使用了以下代码：

// search for images inside content and return images URLs
    $count = preg_match_all('/<\s*img [^\>]*src\s*=\s*[\""\']?([^\""\'>]*)/i' , $content, $matches);

    // now all my images url are in $matches[1][x]

//搜索内容中的图像并返回图像URL
$count=preg\u match\u all（'/]*src\s*=\s*[\\\\\']]？（[^\\\\'>]*）/i'，$content，$matches）；
//现在我所有的图片url都是$matches[1][x]

我已经编写了上面的代码，现在我能够在matches表中检索帖子中每个图像的url。这将允许检索社交网络共享按钮的每个图像url，但我现在被阻止了如何使用preg_replace替换为替换变量，因为它将检索ima，每个图像的替换变量都不同保存在matches表中的ge url。您知道我如何执行此操作吗

为了检索每个图像url，我使用了以下代码：

// search for images inside content and return images URLs
    $count = preg_match_all('/<\s*img [^\>]*src\s*=\s*[\""\']?([^\""\'>]*)/i' , $content, $matches);

    // now all my images url are in $matches[1][x]

//搜索内容中的图像并返回图像URL
$count=preg\u match\u all（'/]*src\s*=\s*[\\\\\']]？（[^\\\\'>]*）/i'，$content，$matches）；
//现在我所有的图片url都是$matches[1][x]