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

Question

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

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

有没有办法添加上面提到的细节，当弹出窗口显示图像时，我希望图像应该以200px X 200px显示，而不管原始尺寸是什么。

先谢谢.. !!!

Answer 1

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

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

请注意imageid变量，该变量将指示要加载的图像。

Answer 2

终于它解决了我!!使用Fancy框。它提供了多种选择，除了灯箱。