Can't change icon images when image is embedded....

Report · Jun 22, 2015

I'm having an issue with dialog images. When I embed an image in the script for an iconbutton, I can't seem to change the image. I don't get any errors when running the script, the image just doesn't change. If I switch back to using file sources, the image will change. Does anyone know of a work around?

Report · Jun 23, 2015

without some sort of example we can't know.

can you post the code?

Report · Jun 24, 2015

#target illustrator

w = new Window ("dialog"); w.orientation = "row";

var button = w.add("iconbutton", [-1,-1,100,100], image1);

button.onClick = function()

{

this.icon = image2;

}

w.show();

Here are the image files themselves:

Report · Jun 24, 2015

your image resources did not survive being posted copied and pasted etc..

but I used some others I have here.

I think you need to feed both resources to the button at go time.

give this a try:

var images = {
     a:("\u0089PNG\r\n\x1A\n\x00\x00\x00\rIHDR\x00\x00\x00\x0F\x00\x00\x00\x0F"+
        "\b\x02\x00\x00\x00\u00B4\u00B4\x02\x1D\x00\x00\x00\x19tEXtSoftware\x00Adobe ImageReadyq\u00C9e<\x00\x00\x00\u00BBIDATx\u00DAb\u00FC>"+
        "Y\u008E\u0081h\u00C0\u00C4@\n\u00A0L\u00F5\u00C3w\x7F.=\u00F9\u0085,\u00F2\u00F1\u00FB?\u009C\u00AA\u00D3\u0096"+
        "\u00BCK]\u00FA\x0E\u00CE]|\u00F2k\u00EA\u0092\u00B7\u00D8U\x03\u008Dy\u00F8\u00F6\u008F\u00BE4\u00EB\u00E6K\u00DF!"+
        "\"\u00B1\u00E6\u00DC\u00ABRE\u00B1\u00AB\u00DEt\u00E9\u00BB\u009D*\u00BB\u00AD*\u00C7\u00E6K\u00DF "+
        "\"\u0087n\u00FFt\u009F\u00F4\n\u00BBj\u00A0\"_=.?=\u00CEM0\u00B3q\u00FA\x12\u00E8\f\u00A0\x03\u00F89\u0099.>"+
        "\u00F9-\u00C0\u00C9\u00B4\x19\u009B\x06&Tgp\x1C\u00BE\u00F3\x03\u0088\u00F4dX\u00E1\u008EA\x06,\u00C8\u00CE\u00C8q\u00E0\u00F5\u00D5"+
        "\u00E3\u0084\u0084\u00A3y\u00C7\u008BY\u00B8\u00CC\x06:\x03\u00E8!\u0088R \u0090\x17b\u0091\x17f\u00C1t\f\u00E3\u00A0I'\x00\x01\x06\x00F"+
        "\u00ADU\u00C4I\x19{m\x00\x00\x00\x00IEND\u00AEB`\u0082"),
    b:("\u0089PNG\r\n\x1A\n\x00\x00\x00\rIHDR\x00\x00\x00\x0F\x00\x00\x00\x0F\b\x02\x00\x00\x00\u00B4"+
        "\u00B4\x02\x1D\x00\x00\x00\x19tEXtSoftware\x00Adobe ImageReadyq\u00C9e<\x00\x00\x00\u008CIDATx"+
        "\u00DAb\u00DC\u00AAp\u0084\u0081h\u00C0\u00C4@\n\u00A0@\u00F5\u00BD_\u00B7\u00BF\u00FE\u00FB"+
        "\u0082&2\u00EB\u00DD$\u00EC\u00AA\u0081\x12@id\x11\u00A0fd\x11\u00D2\\\u00C2\u0082Ut\u00CF\u0097"+
        "\u00ED\x1B?\u00AD\u00E2f\u00E2\x11g\u0091$\u00A0\u00FA\u00E5\u009F\x17\u00CB>\u00CC\u009B,5\x1F\u00A8"+
        "\x1A\u00C8x\u00F9\u00E79>\u0097\u00EC\u00FD\u00B2\u00CD\u0085\u00C7\x13\u00A8\x14\u00C8\u00D6\u00E50$"+
        "\x10\u0082\x10u\u00C4\u00867\u00D0<\u00A0\u00BB!Ay\u00F9\u00C7y\x02\u00EEVbS\u008D\x12H\u00AAx\u0091+"+
        "\u00CE\"\u0081\u00E6\x12\u00C6A\u0093N\x00\x02\f\x00\x15\x057\u00EF\u00BAg\u00E5\u00E0\x00\x00\x00\x00IEND\u00AEB`\u0082")
};


w = new Window ("dialog"); w.orientation = "row";
var button = w.add("iconbutton", [-1,-1,100,100],  ScriptUI.newImage(images.a,images.b));


button.onClick = function()
{
  this.icon = images.b;
}


w.show();

Report · Jun 25, 2015

Thanks. that works for two images, but I need to cycle through about 30 different images depending upon variable states while the dialog is open, so I was hoping to be able to change the image after the button's creation. I my just have to use files instead of embedded images.

Report · Jun 25, 2015

‌you could use resources in the code. you could write them to temp files. Then you still only have the single script file for distribution etc...

ill find an example and post again

Report · Jun 25, 2015

MMay be worth looking at usin 1 image with all images tiled in it. Then change it position‌

Report · Jun 25, 2015

I got this script from here, and then slapped it in to submission.

Indiscripts :: ‘Sprite’ Buttons in ScriptUI [UPDATE]

I cannot take credit for this method!

var image = "\u0089PNG\r\n\x1A\n\x00\x00\x00\rIHDR\x00\x00\x00\x15\x00\x00\x00\u00C9\b\x06\x00\x00\x00\u00CC\u00EBy\u00C2\x00\x00\x00\tpHYs\x00\x00\x0B\x13\x00\x00\x0B\x13\x01\x00\u009A\u009C\x18\x00\x00\x00\x19tEXtSoftware\x00Adobe ImageReadyq\u00C9e<\x00\x00\t\x7FIDATx\u00DA\u00EC[\x0BTS\u00E7\x1D\u00FF\u0085\\ $@  \x10\u00DE\x10\u00C4 \x12\x1E\u00D5\u00A9\u0080\u00E0\u00D4\u00FAd\u00C3\x1E\u00E7\u00E9\u00F1\u00D1\u00A3\u00F6\u00AC\u00AE\u00DB\u00EA9[7;[7;\u00CF\u00BA\u00B5U\u00BB\u00D6\u00DA\x16\u008Fu\u00B6\u00DAZ\u00E6\\O\u00B5\u008A\u00F5\x01UP\u0082C\u00E5\x11\x1F\u00A0\x10\t\x0F\x11\x10\u0081@\x12B\x12rw\u00EF\u008D\u00A2\u00EC \u008F{ou[\u00F3\u009D\u00F3\u00F9=\b\u00BF\u00FC\u00FE\u008F\u00EF\u00FB\u00FF\u00FF\u00DC\u00AB\u00E0nh\u00CCj\x00\u0091\u00E0\u00AF\u009D!\u00A8\x7Fh\u00D0L\x1EA\u00E1\u0082\u00EF\u00A0\u00FD\u00EF\u0080\x12\u00A3\u00FD`\u00E5S\u00FE\u00D0\u0088\u00BC0\u00A7\u00A5\x05rm/7\u00D0\u00DA\x04)v\x122\x14U\u00D4P\u00AB\x16\u00A8\u0092\u0082 G/7\u00F1[%bf\\\u00982\u0081?\u009D\u00A6\u009D\u00BF\u008Dm\u00E5uP\u00B8\u00D9\u009D.\u00E5\x04\u00FD\u00AF?\u00A6\u00CF\x15\u00D7\u00E19\u00FA\u00E3\u0097\u00DA\u009D:\x1DA\u00A7\u0092\u008D}\x16\u0081\u00D8^\u00CF\x17\u00A0\u00BDC(\"\u00DCW4\u00BAQ\u00F3\b\x1E\u0089\u009A\u009D\u00CE?|\u00BBqc6\n\u008A\u0083\u0098\u00B9Ra\u00C1\x0F3\x0Er\x03\u00DD\u00B2c\x05v\u00ED*\u00A6f\u00DA\u0081\u00BD\u00CCY\u008B\u00F1\u00B7\u00ED\u0087\u00D8\u008B?%\u00D1\u0082\u00DF\u00BC\u009C\u0086\u00E2\x132\u00D4^\u00D6a\u00F9\u008A\u00E9(\u00FC\u00B6\x02\u00A7\u008B\u0096\u00B2\x07\u00A5E\u00FD\u00F9\u009A\u00FD\b\f.c\u00D6\u00D9s\r\u00CCX\u00ADu\u00E3\u00CFPM-\u009E\x03\u00BA\u00E5\r\u00F4\u00F3\u0083\u009D\u00F0\u0091\u00F9`J\u00B2\u009A\x1F\u00D0Mo-C\u00F9\u00C5jl\u00FD\u00D3xxz\u00DD\u00E2\x0EJ\x03~\u00B1\u00BF\x04k\u00D7\u00A6\u008D\u00CA\u00A5\\F\x0BH[\u00FE\u0095u\u00FB\u00B9;\u00FF}@Z\u008F\u00F2@\x17\u00E4|\u00B2\u0082\u00D9\x0F\x0E\u00B4#{a\u00EE#\x7FO@v\u00E3\u00CC\u00A32\u00E9\u0098\u0084\u00A1\u00B3\u00F6\u00CCYI\u00C3\x1D\u0080\u00CD\u00C32\u00A5\x1D~\u00E8\u00A6s\u00C6\u00A8a\u00AC\u00FF\u00F6\u00E5\u0099\x16\u00BD\u00CD\u0085\u00B7\x18\x15\u00E2n\x15\x11\x1B\u00EA}\u009D1\u00EA1\u00C7\u00A8\u0084f/\u0084\u00B4\u0093\u00CC\u00DC\u00EA.@A\u00B4\tp\u00EDg\u00CFt\u00F6u/\u0098v\x14\u00A1\u00F9\u00F8eX\u00AE\u00DE\u0081\u00EE\u00D3\"\u00CC\u00FA\u00A7\u0081\x1B\u00D3\u0082\u00D0^$\u00AC\u00CB\u0080&\u00B8\u00C7QK\u008D\u009B\u0082\u00EB\x05\x17\x106'\x1D\u008D\u00E3\u008C,\u00C5\u0097\u00D8pY\u00D2\u00F3\u00E0\u00F6\u00F1qgF\u00D3\b5\u00D5\u00C8I\u00AF\u0091@\u0098\u00C9\x1D\u00F1\u00B7\x05\u00A8\u00FE\u00F2,\u0094\u008B\u00A6#O\u00CA\u00B16\u009D\u00AF\x15\u00A1&\u00F7,j\u00EE\u00AD\x1B\u00A2]i\u00FF\u00E6\x06z\\E\x19F\u0095\f?\u00BD\x07\x12\u008Fu\u00A0\u009E2\\\u00D8\u00CB\u00C3\u00EBt\u00D4~z\u0097\x12\u00F9\u00DB\x1F{1sZ\x15\u00BC9?\u00AD[\u00CE\u00CE\u00BF0\u00DF\u00F1\u00E3\u00BE0\x0FX\u00A8k\u00A7?_\u0087Vj}UN\u00B2\x07\x15\u0088\b4\u00AA\u00AB`,\u00E8b\u00D6\x11*%\u00C4\u0094\u00DFj\u00C7\u00F5\u00B0\x07\u00CDK\u00A7\u00AC\u009C\x1E5\u00B0v\u00E4~=\u00CE:j$\u00EB\x0B\u00B3-\x10x\u00F0\x16\u00A3@vQ\u00E6u\u00CDv\u00C6\u00A8'\x05j1 \u00A3l?\x14\u00B5\u00F9\u00FC\u0081\u00CE;\u00B7\x0B\u00B7>\u00DB\x06E\u00F9\t~@\x03\x1AKP{\u00E43x\u00FA\u00FA\u00F3\u00F47\x14Jl\u00F9'\u009B\x10\u0098:\u0087?\u009D\u00CE\u00CF\u00FF+3\u009E\u00CC~\u009D\u009Fd\"\u00E5\u00EA!\u00D4\u009C\u00FA\n\u00DA\r{\x017O\x1E\u0098\x1AZ\u00D0\u00FF\u00E5\u0087P\u00DC\x17\u00BBU\x03\u00AB\u00B1\u009B\u00E9\u00F4\u009CV\u00CB\u0098\u0099f\u00DC(\u00C0\u00AD\u00CEv\x18\u00D4\u00F9P\u00A8\x1Dn\u00D4p\u00EFg\u008A\u00CAR\x07\u00FB@\u00D5\u00D8@\u008Bbg\x03\x1B\x12\x06\x17\u00C0\u00DF|\u00C8\u008C\u00A7\x17\u00FC\x12\u00F0\u008Df\u00A1S\u00CF G\x7F\u00A8\u00B9J\u00BC\x1D\u0093G0|\u00B2\u00A9\u00E4\u00C3\u00ED\u00E4\u00D2\u00AD\u00DF\u00DB[j,:\u00DDZy\u00D1\u00E2m\u00B1\u00F1\x16\u00A3\u009A==D\u0082vl{d\x15\u00CD\u00B2mv\u00D6Q#8\u00FC\u00B3z\u00B4\u00B9\u0098\x06\u00D7V&_$\x1E\x16\u00B1\x07=\u00D5[\u0083\u00A2\u00CA\u00F3\u0083\u00F6\u00D6\u00A5.A\"\u00E4\u00ECAi@\x1Ade\u00EEC \u00F5<\u00E8\u0094\x16\u00977\u009DVfSIo\x05\u0090c\u00FE\x17\u00E4K\u00FC\u00A1r\x0B\u00C2\u00B4F)\u00E4\u00E7\b\u00F6L\x03\u00EE\x12\u008C\u00E8\u00E9\u00B2Xf\u00FD\u0096:\x17k\u00BA\x0F\u00E0v\u00BA\u008D=S\u009A\u00D1\u00CA\x01\u0083\u00C8\u00A1Z\x16\u00C4\x00\x17\u00C4\u00DFyh\u009F\u00A3\u009F>\u0093\u00EB\u00C7\u00BF\u00F3\u00D3>\u00CB\u00D4\u00C1pc/\u00FE\u00E6%Wa\u00B0\u00F6\"Q\x12\x02\x03i\u00C5\u00A1kg\u00E1+\u00F5\u00C5\u00D3\u00A52\u00F6\u00A0\n7\x19\u008E\u00B5\u00953\u00BEJ\u0083\u00CDUN\u00C5\u00B2\u00E6Hxj\x04\u00ECAi\u0087\x1Fd\x10\u00CD\u00F77\u0093\x1E\u00CB1uQV[@\u00F0\x17\u00A3`\x11\u0089\bA\u0090\u00C6YG=\u00A1\x04\u00AD&H\n\u00B5\u00AB\u00E3\u00AD\u0084U\u008D\u00B7\u00B9\u00816\u00FBy\u00E0\x1D\u009B\x18\u0085%U\u00D4Q\u00F5\u0086**\u0084\x1B\u00D3\x1E\u0089\x1BV\u00D5tR\u00B3N\u00BC13\x01\u00F3\u00EB[\x01\u00FD]n\u00A0;\u00BD\u00FC\u00D0\u00A9oB\u00EE\u00F4\u00F1\x18O\x03\u00F2a\u00A8\u0093\u00D7\u00EA\u0090\u00ACT`g/\u0081\u00C9umx\u00BA\u00C3\u008C\u008FB\u0082\u00D9\u0083\u00D2\u0086\u00E9\u00D4w\u00A3\u00BCZ\u008B\u00C6\u008En\u00BC\u009B\x19\u008F\u00D4\u00D8p\u00EC9W\u0081\u00BDarv\u00E2\x1B\b!3.\u009A2\t\u00BF\u00ED\u00ED\u0082W\u00C3\x1D\u00CC\u00A0\u00D6U\u00E1!\u00C8\u00D3\u00B5c\u0095\u0090\u0083\u009FF{\b\u00E1e|\u00F0\u00F8-L\u00E6\u008D\u009B\r,\x1Fr%7u0.\u00A4\u00E9\x1E\u00FC<\u008FVEfR\x1C{C\u00ADL\u008CBaE\x15c\u009C\u00F2P\x19^\u00F7\x0F`X.\u0096\u00BA\u00B0w)\u00E6\u00E4d$\u00E2\u00F3\u00CA\u009B\u00D8C\x19\u008Df\u00FE\u00EAL\x15f\u00D4\u00B7p;Q4\u00F0*\x19\u00956\u00CA\u00EE\u00A5\u008E#\x00:c\x14\b\"\u00C9l\u0081+\x7F\u00EFL\u00C0,\x14\x11DL\u00973F=\u00C6\x18\u00B5[\u00972\u00E4~\u0090\u00D8\u0086\u00AC\x00\r;\u00D0\u00F7\x0EV\f\u00B9\u009FE\x1D\u00D5\u00AC\x00\u0096L\u00AF\u00AC\x1F\u00FC\u0088\u00E8h\u009B\n\x1B\u00F6^\u00C1\u00D28#\x7F:\u00FD\u00B8\u00A8\x0B\u0099S\u00E3\u00F1\u0094g\r?\u00A04Km]\x13\x16(\x05\u00FCY\u009Ff\u00A9\u0088\n\x1D\u00D6@c\x02\u00BD\u00CF\u00F2\u0085\f\x1F\u00FE\u00FCt,,G\x05:V\u0096\u00A3\x02\x1D+\u00CB\x11A\u00EF\u00B3\u00FC\u00D1d\x7F\u00FE\u008E)\u00CD.k==+\u00FB?\u00BD\u00A5\u00BE\u009B\u00AB\u00AFK\t\u008B\u009D\x10\u00F0\x16\u00A3\b3)\"\u00BA\x14Bg\u008Cz\u00CCuT[[\x18\u00D4Ea\u00CC\u00DC\u0083*\u00A3f\u00CC\u00AC\u0086X\u00DC\u00C1\u009Ei\u00D5\u00B5$\u00FC\u00FA\u00C5n\x14\u009Ch\u00C4\u00B5+F\u00EC\u00DB}\x15/\u00AC\u00ECg\u00BE\u00885\u00E8\u00A9c\x04d~\u00DEx{\u00BB\x11\u00AF\u00FD\u00B1\x12\u00BF\x7F#\n\u00FA\u008E\u00AE\x01\u00E6\u00AC@\r\x06+\u00BC\u00BC\u00C5\x03\u00E26\u00E8\u00C4\u00DC\r5q\u0092\x04\u009AK\u00D5x\x7F\u00DBd\u009C8\u0096\u008A\x1D[\u008A!\u0095\u00F9 5\u00A3\u0091\u00BD\u00A1\x16\u00FFD\u008D\u00D2\x12%N\x1E\u00BD@u\u00C7\u00DE\u00D2\u00E5\u00F1\b\bPs\u00C8Pr\u00A6QLK\u00B0\u00EE\u00954\u0084G\u009A\u00F0\u00D5?H\u00EC\u00FE\u00A0\u0098\u00F2\u00824\u00CC[\u00A8\x1E\u00BB\u00F8\u00B4\u0085\x0F\x1D(\u00C1\u00F2\u00E7\x1D\x00q\x13+\x18cE\u008D\x0F\u00C7\u00A5R\u0096\u00C9\u0084\u00D9$\x19r\u009F6\x1Ck\u00E7\x0F\u008F\u00ACfX}\u00B1\u00A7\x18~\u00FE\x0E\u00F1\u008B\x0BE\u008C:~\u00FAR\x1A{\u009D\u00FE\u00E1\u00CF\u00C0\u00DF\u00F7Ma\u00ACN7\u00DA\u00F24 m\u00C0\u00E1\u009A\u00A0\u00AA.\u00EA\f\u009C\u008F9x\u00BD\u00FA\u008C\u00B5)\x16\u00D8\b\u00DEb\u0094\u00C0\u00BDOD\u0098\u00EB\u00E4\u00CE\x18\u00F5\u0098cTg\u009F\x00e\r}\u008E\x18\u00E5.DJ\u00B0\x10\"\u0082\x03h\u008B\u00C9\x05\x7F\u00F9\u00B4\u0088\u0099\u00C7M\u0088\u00C6\u00F9\u00F3eHP\u00C5\u00E1\u00A5\x05\u008Aa\u0081\u0087\x05\u00CD9\u00AC\u0081\u00AF\u00AF\x0F^]:\u0089\x01\u0099:Q\u008E\u00ED{\u00F2P\u0096\x18\u0089\u00D4p\u00E1\u00D8uJ\u008B\u00AD\u00BB\u00A9C\u00C6\u00E4\u00D8\x01V)r\x01\u00A4\u00D4\u0097T\u00D6\u00B4\u00B23T_\u00FF\u00D0\u00F5\x12\u00AD\x06\u00D6\u00D6\x0F\x12\u00DB\x19V\u0087O\u00952\u00BA\u00A5\u0099\u00E7\x1443z\u00E5d\u00FD_<;\x03\x1F\x1D8\u008B\u00DF\u00BD\u00FB\u00B5\u00E3>\u00F5uT(\x12\x0Fw\u00F6\u00A0J?\x12[\u00D6\u00A6\u00A3\u00C5\u00E8\x10\u00C8l#\u00F1\u00E6\u00CE#\u0088\t\u00F5\u00E1\u00E6\u00FC\u00B4\u0091\"\u00A5\u0094*D$\u008E\u00AAk\x19\u00B6\u00B4\u00AF\u00B2fj\u00B6\x01:\u00BD\x00\u00A5\u00D7\u00DBQp\u00BA\u0084\x01|mu\x06\u00F5E\x1C\u00DE\u00EA\u00A4\u00C5~s\u00E7\u00D7\fX\u00D6\u0082\f\u00CC\u0089\u0097\u00C2\u00D7\u00DD\u00CE\u00CDP\u00B4\u00D8{7f=\u00B4C:\u00EB\u00A8Q\\}\x11\x13\u00F5\x16!\u00CC\u00F5d\u009F\x05\u00B0ZA\u00F6\u00DBA\u00DA)\u00DD\u0091T\u00EFw\x01istX\u00A9\u0091Z\u0083:\u00BE\u00CC\u00DAF\u008DV\u0092\u00E9\u00A0G\u00CA\u0087I3\t+\u0084\"\"4Q\u00EB\x06\u00A31\u0082\u00EC\u00E9\x02L&\x07\u00B0\u00AD\u00DF\x01\u00DA'\u0086\u00DD,\x01\u00D9\u00E7Au7\u00D8\u00FB\\)`\u0082\u00EAB\u0090\x14\x15\u00BB\u0099\u00FA\u0098\u0089\x02\u00EB%a7\u00D1\u00EF\t\u00DA\u00D1\u00DFN:c\u00D4\b\u00AD\u00DB\u00E2\u0083#Wb\u00D1C\u00E9L\u00E2*\u00C0\u00A2\u00E06x\u00C2\u00C2\x1ETo\x1E\u0087y\u009B\u00E8cY\rU\\\x04\n\u00D5\x1A\u00E4\u00A9b\u00B1o>\u0087\u00FF \u00F4\u00CE7\x13\u00D1\u00D9\u00A9\u00C7\u009E_\x05#\u00E7\u0099\x06l\\3\r\x15\u009A\x1B\u00C8\u00BB\x13\u00CA\x1E\u00F4x\u00E1\rd\u00CDM\u0081\u00D2\u00D7\u0091j-S8\u00DE\u00EA=\u00A7c\u00C9\u00B4\u00A9S\u0089.\u008AeL\u00F0`\reNW\u00C1\u00D0ke\x07\u00DA\u00DC5\u00EE\u0091\u00BF\u00A4\u00B9\u00DE\u00C0\u00BFKE\u0084\x05\u00B2\x03\u00FDA\u00D4YG}\u00FA\x1F/\u00C47\u00B5vB*vg\u00CF49y\x02N_x\u00F0\u008C\u00F4bG\x18\u00B47\x1B\u0091\x14.a\x0F\u00BAl\u0096\x17\u00B4\u00DAF\u00AC?\u00A2\u00C4\u00E9[1x/\u00DF@\u00A5AR\u00CC\x0F\u00E1\u00F0\u009A\u00F8bU\x11\u009AW\u00CF\u00C4\u00DE\u00C3\u00D7q\u00F4\u0094\x1E\u008A\u00E80|\u00FC|$B\u0084w\u00A9[K\u00C8\u00FE\u0098\u00BE8\u00FD\x02~\u0096B_}>\u00D4\u00D5g\u00A6\u00C6\u00B6a\x01\u009D1\u008A\u00D1i\x05\u00CF\u0098\u00BA\x7F\x0B0\x00j\u00F5\u008CT\u0099\u00A4B\x10\x00\x00\x00\x00IEND\u00AEB`\u0082";
// Number of vertical sprites
// ---
var V_SPRITES = 10;
var dy = 0, count = 0;
// InDesign CC Flag
// ---
var CC_FLAG = +(9 <= parseFloat(app.version));


// ScriptUI Image Offset Fixer in InDesign CS6 and earlier
// (This bug has been solved in CC i.e. ScriptUI 6.2.x)
// ---
var FIX_OFFSET = CC_FLAG ? 0 : 1;


// Force an Image widget to repaint (= onDraw trigger)
// CS4-CS6  ->  just reassigning this.size
// CC       ->  we need to temporarily *change* the size
// Note: using layout.layout(1) would not work anymore in CC
// ---
Image.prototype.refresh = CC_FLAG ?
  function()
  {
  var wh = this.size;
  this.size = [1+wh[0],1+wh[1]];
  this.size = [wh[0],wh[1]];
  wh = null;
  }:
  function()
  {
  this.size = [this.size[0],this.size[1]];
  };


// Create the UI
// ---
var w = new Window('dialog',"ScriptUI Sprites (CS4/CS5/CS6/CC)"),
  iButton = w.add('image', undefined, image, {state:0}),
  iSize = iButton.image.size,
  spriteHeight = iSize[1] / V_SPRITES;


// Window settings
// ---
w.margins = 50;
w.alignChildren = ['center','center'];
w.graphics.backgroundColor = w.graphics.newBrush(0, [.92,.94,.96,1]);


// Sprite stuff
// ---
iButton.size = [iSize[0], spriteHeight];


iButton.onDraw = function()
{
    count++;
  dy = dy+ this.properties.state*spriteHeight + FIX_OFFSET;
    if (count == V_SPRITES*2){dy = 0; count = 0;}
  this.graphics.drawImage(this.image,0,-dy);
};


var mouseEventHandler = function(ev)
{
  this.properties.state = ('mousedown'==ev.type);
  this.refresh();
};




iButton.addEventListener('mousedown', mouseEventHandler);
iButton.addEventListener('mouseup', mouseEventHandler);






// Let's go!
// ---
iButton.addEventListener('click', function()
  {
  //alert("Well done!");
  });
w.show();

Report · Jun 26, 2015

Perfect! Thank you!

Report · Jun 26, 2015

GGlad I could help‌

Can't change icon images when image is embedded....

1 Correct answer

Explore related tutorials & articles