imgPreviewのエラー
jQueryでマウスオーバー時に画像を表示する imgPreviewを使用してホームページを作成しました。
表示はうまくいったのですが、
「'undefined' は Null またはオブジェクトではありません。」というエラーメッセージが出てしまいます。
問題はimgpreview.jsのようで、
サムネイル画像のマウスオーバーでプレビューさせる部分が原因？のようです。
今回、サムネイル画像のロールオーバーは不要ですが
改善方法が分かる方がいらっしゃいましたら、教えてください。
ちなみに、以下のサイトを参考にして作成しました。
http://dispersalblog.blog90.fc2.com/blog-entry-206.html
【imgpreview.js】の中身
(function(c){c.expr[':'].linkingToImage=function(a,g,e){return!!(c(a).attr(e[3])&&c(a).attr(e[3]).match(/\.(gif|jpe?g|png|bmp)$/i))};c.fn.imgPreview=function(j){var b=c.extend({imgCSS:{},distanceFromCursor:{top:10,left:10},preloadImages:true,onShow:function(){},onHide:function(){},onLoad:function(){},containerID:'imgPreviewContainer',containerLoadingClass:'loading',thumbPrefix:'',srcAttr:'href'},j),d=c('<div/>').attr('id',b.containerID).append('<img/>').hide().css('position','absolute').appendTo('body'),f=c('img',d).css(b.imgCSS),h=this.filter(':linkingToImage('+b.srcAttr+')');function i(a){return a.replace(/(\/?)([^\/]+)$/,'$1'+b.thumbPrefix+'$2')}if(b.preloadImages){(function(a){var g=new Image(),e=arguments.callee;g.src=i(c(h[a]).attr(b.srcAttr));g.onload=function(){h[a+1]&&e(a+1)}})(0)}h.mousemove(function(a){d.css({top:a.pageY+b.distanceFromCursor.top+'px',left:a.pageX+b.distanceFromCursor.left+'px'})}).hover(function(){var a=this;d.addClass(b.containerLoadingClass).show();f.load(function(){d.removeClass(b.containerLoadingClass);f.show();b.onLoad.call(f[0],a)}).attr('src',i(c(a).attr(b.srcAttr)));b.onShow.call(d[0],a)},function(){d.hide();f.unbind('load').attr('src','').hide();b.onHide.call(d[0],this)});return this}})(jQuery);
お礼
はい、間違っていたようです。DEFINE定義とは詳しくわかりませんが、間違って指定されていたようです。無事に解決です。まだ実行は完璧ではないですが、先に進むことができました。