2010-11-27 11 views
0

がされた画像タグになりますが多くのビデオやjqueryのメディアのhttp://videojs.com/作品がどのように動作するかのように、画像のURLを認識になり、画像へのリンクにそれらを回すjQueryプラグインhttp://jquery.malsup.com/media/#overviewjqueryの画像リンクは

どうやらこれらのプラグインをサポート画像のどれも???

+0

@ TJBよろしくお願いします。 – Mark

答えて

2

よく実装するのは難しくありません。あなたがimgまたはオプションのラッピング要素にaから転送する必要があるかもしれませんID /クラスや他の属性をtranferring扱うdoentもちろん

(function($){ 
    $.fn.imageTag = function(options){ 
    var o = $.extend({}, $.fn.imageTag.options, options||{}); 

    this.each(function(){ 
     var selections = $.map(o.formats, function(e,i){ 
     return 'a[href$=.'+e+']'; 
     }).join(','); 

     $(selections, this).each(function(){ 
     var img = $('<img />').attr('src', $(this).attr('href')); 
     var tag; 
     if(o.wrapper){ 
      tag = $(o.wrapper).append(img); 
     } else { 
      tag = img; 
     } 

     if(o.css){ 
      tag.css(o.css); 
     } 

     $(this).replaceWith(tag); 
     }); 
    }); 

    return this; 
    }; 

    $.fn.imageTag.options = { 
    'formats': ['png','gif','jpg'], 
    'wrapper': null, // null or a tag like '<div></div>' 
    'css': null // null or a hash of css properties to be used as an arg for css() 
    }; 

})(jQuery); 

:生(未検証)版では、フォームのITDはこのようなものになります。

+0

ありがとう、それは素晴らしいです! – Mark

+0

noteラッパーオプションを使用する予定がある場合は、かなり大きな省略を修正したので、もう一度コピーして貼り付けてください。 – prodigitalson

+1

もう一度ありがとう。私は個人的にreplaceWith(タグ)ではなくhtml(タグ)をやっています。 – Mark