2011-09-13 3 views
1

jqgridに賛成する画像ズームプラグインはありますか?image 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

うーん、良いのように聞こえる。私はここに理由を書いてみましょう... –