Adobe 23101335 User Guide - Page 305

Previewing rollover states, Adding animation to rollover states

Page 305 highlights

ADOBE PHOTOSHOP 6.0 295 User Guide • Custom to define a new rollover state. (You must create JavaScript code and add it to the HTML file for the Web page in order for the Custom rollover option to function. See a JavaScript manual for more information.) • None to preserve the current state of the image for later use as a rollover state. (A state designated as None will not be displayed on the Web page.) The Rollover States pop-up menu displays only the rollover states that have not yet been used for the selected slice or image map area (with the exception of the None and Custom states, which are always available and can be used repeatedly). You can redefine rollover states as you work (with the exception of the Normal state). 4 Modify the image for the rollover state using the Layers palette. Previewing rollover states You can preview rollover states directly in the ImageReady document window by switching to rollover preview mode. This preview is consistent with Internet Explorer 5.0 for Windows. To preview the rollover effect in your computer's default Web browser, click the Preview in Default Browser button in the toolbox. (See "Previewing an image in a browser" on page 84.) To use rollover preview mode: 1 Click the Rollover Preview button ( ) in the toolbox, or click the Play button ( ) in the Rollover palette. 2 In the document window, perform the action that activates the rollover state. For example, position the mouse over the rollover slice or image map area to preview the Over state. Then click the slice or image map area to preview the Click state. To exit rollover preview mode: Select any tool in the toolbox (including the Rollover Preview button), or click the Play button in the Rollover palette. Adding animation to rollover states You use the Animation palette, in conjunction with the Rollover palette, to add an animation to a rollover state. When working with a layer-based slice or a layer-based image map area, moving the layer in the Normal state repositions the layer in every rollover state. However, moving the layer in a rollover state other than the Normal state repositions the layer only in the current state. To add an animation to a rollover state: 1 In the Rollover palette, create a new rollover state or select the thumbnail for a rollover state in which you want to display an animation. 2 In the Animation palette, create frames for the animation. (See "Creating animations" on page 301.) Note: Adding an animation to the Normal state will cause the animation to appear when the image is loaded in a Web browser.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
  • 442
  • 443
  • 444
  • 445
  • 446
  • 447
  • 448

295
ADOBE PHOTOSHOP 6.0
User Guide
Custom to define a new rollover state. (You must
create JavaScript code and add it to the HTML file
for the Web page in order for the Custom rollover
option to function. See a JavaScript manual for
more information.)
None to preserve the current state of the image
for later use as a rollover state. (A state designated
as None will not be displayed on the Web page.)
The Rollover States pop-up menu displays only
the rollover states that have not yet been used for
the selected slice or image map area (with the
exception of the None and Custom states, which
are always available and can be used repeatedly).
You can redefine rollover states as you work
(with the exception of the Normal state).
4
Modify the image for the rollover state using the
Layers palette.
Previewing rollover states
You can preview rollover states directly in the
ImageReady document window by switching to
rollover preview mode. This preview is consistent
with Internet Explorer 5.0 for Windows. To
preview the rollover effect in your computer’s
default Web browser, click the Preview in Default
Browser button in the toolbox. (See “Previewing
an image in a browser” on page 84.)
To use rollover preview mode:
1
Click the Rollover Preview button (
) in the
toolbox, or click the Play button (
) in the
Rollover palette.
2
In the document window, perform the action
that activates the rollover state. For example,
position the mouse over the rollover slice or image
map area to preview the Over state. Then click the
slice or image map area to preview the Click state.
To exit rollover preview mode:
Select any tool in the toolbox (including the
Rollover Preview button), or click the Play button
in the Rollover palette.
Adding animation to rollover states
You use the Animation palette, in conjunction
with the Rollover palette, to add an animation to a
rollover state.
When working with a layer-based slice or a
layer-based image map area, moving the layer in
the Normal state repositions the layer in every
rollover state. However, moving the layer in a
rollover state other than the Normal state
repositions the layer only in the current state.
To add an animation to a rollover state:
1
In the Rollover palette, create a new rollover
state or select the thumbnail for a rollover state in
which you want to display an animation.
2
In the Animation palette, create frames for the
animation. (See “Creating animations” on
page 301.)
Note:
Adding an animation to the Normal state will
cause the animation to appear when the image is
loaded in a Web browser.