jquery - 在灯箱弹出窗口中添加内容和设置大小

Question

我有一个页面，其中产品项目从数据库中显示。我能够为所有项目添加灯箱效果。但是，我还想在灯箱的弹出窗口中添加产品名称、描述、产品数量和产品价格。

我尝试通过标题标签来做，它确实以某种方式出现，但是当您将鼠标悬停在图像上时，html 代码也会呈现图像中的标题标签 For rg.

有没有办法添加上述细节，并且当弹出窗口显示图像时，我希望图像应该以 200px X 200px 显示，无论原始大小是多少。

提前致谢..！！！

Answer 1

终于被我解决了！！使用花式框。它提供了多种选择，除了灯箱。

Answer 2

我能想到的唯一方法是创建一个单独的html/php页面，其中包含所需的图像、名称、描述等，以及您需要从数据库中获取的任何内容，并使用以下脚本使用 fancybox 打开该页面：iframe

$.fancybox({
  'href'  :  'url_to_your_image_page.php?imageid=15',
  'type'  :  'iframe'
});

注意imageid变量，它将告诉加载哪个图像。