2011-09-13 464 views
1

是否有任何圖像縮放插件與jqgrid兼容?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>"; 
    }'; 

的文件名和路徑都OK。格式化程序沒有問題。但插件無法正常工作。我也試過爲鼠標懸停插件:

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

任何幫助嗎?任何想法? 乾杯......

回答

0

我想這是因爲您覆蓋cellvalue,儘量cange您的代碼如下:

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

它可能解決問題。

+0

我不proplem與此有關。值取代成功。 –

+0

發佈了另一個答案,希望它會有所幫助。如果沒有,你將需要提供更多的細節問題 –

0

如果您正在使用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 
}); 
+0

嗯聽起來不錯。我會盡力在這裏寫下理由...... –