如何使用javascript对象制作图像映射

时间:2013-07-04 14:58:55

标签: javascript jquery imagemap

我似乎陷入了使用javascript对象制作图像地图的问题。目标是让这段代码返回一种颜色。我正在使用js对象处理我自己的文本编辑器插件,并且我使用粗体,下划线,字体大小工作,但我似乎无法绕过ForeColor选项。这是我到目前为止的forecolor选择器的代码。如果你有更好的解决方案,请建议。感谢。

$.fn.JStextEditor = function(options){

    // extend the option with the default ones
    var settings = $.extend({
      coords : ["7,36,21,51","29,36,43,50","51,36,65,51"]
                  //with some other options..
    },options);


        //Font Selector
        var ForeColorPick = $("<img/>",{
        id  : "forecolorPicker",
        src : "images/colorPallette.png",
        usemap : "#colorPicker",
        css : {
                   display : "none",
                   "float" : "left",
                   width   : "185px",
                   height  : "214px",
                   border  : "none"
               },
            data : {
              commandName : "foreColor"
            },
            click : execCommand

          }).appendTo(SomeDiv );





        var colorMap = $("<map/>",{
            "name" : "colorPicker"              
          }).appendTo(buttonPane ); 




        $.each(settings.coords,function(i,v){
            $("<area/>",{
              value   : v,
              shape : "rect",
              css : {
                   cursor  : "pointer"
               },
              "coords" : v
            }).appendTo(colorMap );

          });

};

1 个答案:

答案 0 :(得分:1)

您是否考虑过使用这样的插件?

http://www.outsharked.com/imagemapster/default.aspx?what.html

这对以前的项目非常有帮助。