關于DOJO中圖片插件的注意事項
其實在DOJO官方的例子中寫的比較詳細了,dojox.image.ThumbnailPicker,
dojox.image.Lightbox兩個插件結合用確實也很不錯,不過還是有些細節問題值得注意。1.把單擊彈出改成雙擊彈出,這樣單擊可以作為選中該圖片,進行刪除,下載等后續操作。關鍵代碼是 dojo.subscribe(dijit.byId('thumbPicker').getClickTopicName(), ondblclick); 函數不是直接的顯示的lightbox函數,而是用一個間接的函數去綁定雙擊事件,觸發lightbox函數。
2.樣式的問題,hover在IE下沒用,并且官方的select也是沒有效果,所以應該手動去添加。
3.左右按鈕,官方的例子樣式寫的不對(真不知道他們為什么不該),應該是background: transparent url("image/imageULbutton.png") no-repeat;
關鍵點1,2的代碼:
function ondblclick(packet)
{
imageId = packet.data.id;
dojo.query(".imageGalleryThumbSelected").removeClass("imageGalleryThumbSelected");
dojo.addClass("img_thumbPicker_"+packet.index,"imageGalleryThumbSelected");
dojo.connect(dijit.byId('thumbPicker'),"onDblClick",function(){
if(packet!=null){
lightbox.show({
href: packet.largeUrl,
title: packet.title
});}
packet=null;
});
}
posted on 2012-08-10 12:02 七孑 閱讀(1722) 評論(0) 編輯 收藏 所屬分類: DOJO