Question

是否有可用jqgrid编译的图像缩放插件？

有没有人有过经历？

我尝试了nivozoom，bezoom，fancyzoom和imagepreview插件，但没有运气......

这是我的自定义格式化程序：

$custom = 'function  ImageFormatter(cellvalue, options, rowObject) {
    var BigImage = cellvalue;
    var BigImage = BigImage.replace("_t2.jpg", "_t1.jpg");
      return"<a href=\'../../images/products/thumbs/"+ BigImage +"\' class=\'class_of_the_plugin\' title=\'Some Title\'><img src=\'../../images/products/thumbs/"+ cellvalue +"\' alt=\'" + cellvalue + "\'title=\'" + Buyuk + "\' align=\'center\' /></a>";
  }';

文件名和路径都可以。格式化程序没有问题。但无论如何插件都无法正常工作。我也尝试过mouseover插件：

<a onclick="return false;" href="......

有任何帮助吗？任何的想法？干杯...

Answer 1

我认为这是因为您覆盖了单元格值，尝试将代码更改为：

var BigImage = cellvalue.replace("_t2.jpg", "_t1.jpg");

它可以解决问题。

Answer 2

如果您正在使用Nivozoom，则需要在调用函数后调用该插件，如下例所示：

var image =  ImageFormatter(cellvalue, options, rowObject);
... rest of your code 
... after you updated the new thumbnail
$('.class_of_the_plugin').nivoZoom({
    speed:500,
    zoomHoverOpacity:0.8,
    overlay:false,
    overlayColor:'#333',
    overlayOpacity:0.5,
    captionOpacity:0.8
});

使用jqgrid进行图像缩放

2 个答案: