home *** CD-ROM | disk | FTP | other *** search
/ Joystick Magazine 2003 November / CD1_JOY_153.iso / demos / NHL2004Demo.exe / fe / COMMON / js / easoImage.js < prev    next >
Text File  |  2003-08-20  |  3KB  |  92 lines
  1. //A nice little wrapper class for dealing with multiple image states.
  2. //Simply construct the image passing in the src, width, and height
  3. //Then you can set the images for each state ('over', 'down', 'disabled') via setImage
  4. //Or you can define a name convention for all images:
  5.     //For Example if your image name is something like--btn1_nml.gif
  6.     //Then you probably have an over state for the image called btn1_hov.gif
  7.     //So call setNameConvention('_nml', '_hov');
  8. //
  9. function eaImage(src, width, height)
  10. {
  11.     this.width        = width;
  12.     this.height        = height;
  13.     this.nml        = new Image();
  14.     this.nml.src    = src;
  15.     this.nml.width    = width;
  16.     this.nml.height    = height;    
  17.     this.ovr    = new Image();
  18.     this.dwn    = new Image();
  19.     this.dis    = new Image();
  20. };
  21. eaImage.prototype.getImage            = function(sState) 
  22. { 
  23.     switch (sState) {
  24.         case "over":        return this.ovr;
  25.         case "down":        return this.dwn;
  26.         case "disabled":    return this.dis;
  27.         default:            return this.nml;
  28.     };
  29.     sState = null;
  30. };
  31. eaImage.prototype.getImageSrc        = function(sState)
  32. {
  33.     return this.getImage(sState).src;
  34. };
  35. eaImage.prototype.setImage            = function(sState, src, width, height)
  36. {
  37.     switch(sState) {
  38.         case "over":        this.ovr.width=width;this.ovr.height=height;this.ovr.src=src;break;
  39.         case "down":        this.dwn.width=width;this.dwn.height=height;this.dwn.src= src;break;
  40.         case "disabled":     this.dis.width=width;this.dis.height= height;this.dis.src=src;break;
  41.         default:            this.nml.width=width;this.nml.height= height;this.nml.src=src;break;
  42.     };
  43.     sState = src = width = height = null;
  44. };            
  45. eaImage.prototype.setNameConvention        = function(nml, ovr, dwn, dis)
  46. {    
  47.     
  48.     this.nmlExp        = new RegExp(nml, "g");
  49.     this.ovr.src    = this.nml.src.replace(this.nmlExp, ovr);
  50.     this.ovr.width    = this.width;
  51.     this.ovr.height    = this.height;
  52.     this.dwn.src    = this.nml.src.replace(this.nmlExp, dwn);
  53.     this.dwn.width    = this.width;
  54.     this.dwn.height    = this.height;
  55.     this.dis.src    = this.nml.src.replace(this.nmlExp, dis);
  56.     this.dis.width    = this.width;
  57.     this.dis.height    = this.height;
  58.     delete this.nmlExp;
  59. };
  60. eaImage.prototype.toHTMLString            = function(sState, sAttrs)
  61. {
  62.     var returnStr        = "";
  63.     sAttrs    = (sAttrs) ? sAttrs + "" : "";
  64.     
  65.     this.tmpImg        = null;
  66.     switch (sState) {
  67.         case "over":         this.tmpImg = this.ovr; break;
  68.         case "down":        this.tmpImg = this.dwn; break;
  69.         case "disabled":     this.tmpImg = this.dis; break;
  70.         default:            this.tmpImg = this.nml; break;
  71.     };
  72.     returnStr            = "<img src='" + this.tmpImg.src + "' width='" + this.tmpImg.width + "' height='" + this.tmpImg.height +"' " + sAttrs + ">"
  73.     delete this.tmpImg;
  74.     return returnStr;
  75. };
  76. //The following two methods are static class methods for batching the params together
  77. eaImage.createWithSrc    = function(nmlSrc, nmlWidth, nmlHeight, ovrSrc, dwnSrc, disSrc)
  78. {
  79.     var eaImage        = new eaImage(nmlSrc, nmlWidth, nmlHeight);
  80.     with (eaImage) {
  81.         setImage("over", ovrSrc, nmlWidth, nmlHeight);
  82.         setImage("down", dwnSrc, nmlWidth, nmlHeight);
  83.         setImage("dis", disSrc, nmlWidth, nmlHeight);
  84.     };
  85.     return eaImage;
  86. };
  87. eaImage.createWithConvention    = function(nmlSrc, nmlWidth, nmlHeight, nmlExp, ovrExp, dwnExp, disExp)
  88. {
  89.     var returnImg        = new eaImage(nmlSrc, nmlWidth, nmlHeight);
  90.     returnImg.setNameConvention(nmlExp, ovrExp, nmlExp, nmlExp);
  91.     return returnImg;
  92. };