如何在ExtJs中创建ImageMap？

我正在ExtJS 3.4中创建一个登录页面。它有一个图像，我想创建一个图像映射，所以当用户点击一幅图像时，它会转到一个外部网站。如何在ExtJs中创建ImageMap？

下面是代码：

var headerImage = new Ext.BoxComponent(
    { autoEl: 
     { 
      tag: 'img', 
      src: AVRMS.ROOT_CONTEXT + "/ssl/images/LoginHeader.png" 
     } }); 

    var loginButton = { 
     xtype: 'compositefield', 
     id: 'cmpLogin', 
     combineErrors: false, 
     height: 50, 
     items: [ 
       { 
        xtype: 'displayfield', 
        value: '' 
       }, 
      { 
      xtype: 'button', 
      text: 'Login', 
      listeners: { 
       click: function() { 
        loginUser(); 
       } 
      } 
     }] 
    };

来源

2012-09-13 Greg ' ' Wildman' ' Finzer

这里是我最终使用：

var imageMap = "<map name='imgMap'><area shape='rect' coords='23,185,233,241' href='http://www.ohio.gov' /><area shape='circle' coords='670,201,50' href='" + manageAccount + "' /></map>"; 
var imageUrl = "<img src='" + AVRMS.ROOT_CONTEXT + "/ssl/images/LoginHeader.png" + "' usemap='#imgMap' />"; 

var headerImage = new Ext.Panel(
    { items: [ 
     { 
      html: imageMap + imageUrl 
     }] 
    });

来源

2012-10-12 13:31:58

我没有类似的东西，我用这个ExtJS的库：http://code.google.com/p/imgmap/。你可以找到非常好的和有用的例子。请享用！

来源

2012-09-28 08:10:42 spauny

我如何使用与ExtJS的？ –

@GregFinzer你可以在这里http://code.google.com/p/imgmap/downloads/list下载'imgmap_2.2_108.zip'并将它解压缩到你的电脑中......然后它有一个包含多个子文件夹的示例文件夹对于不同的插件：其中一个是ExtJS并命名为'example_extjs_files' – spauny

如果我没有记错的话，该示例使用了ExtJS 2.2，但它对于ExtJS 3.4也很有用。 – spauny

如何在ExtJs中创建ImageMap？

回答

相关问题