Adobe 23101335 User Guide - Page 304

Creating rollover states, Choose New State from the Rollover

Page 304 highlights

294 CHAPTER 10 Designing Web Pages To select a slice or image map area in the Rollover palette: Choose a slice or image map area from the pop-up menu at the lower left corner of the Rollover palette. Creating rollover states When you create a rollover state, you select a mouse action which activates the state (except for the first state in a rollover, which is always the Normal state). To create a rollover state: 1 Select the slice or image map area to which you want to add the rollover. Note: When creating a slice or image map area for a rollover, use a layer-based slice or a layer-based image map area. This is recommended because the dimensions of a layer's content may change in the course of creating a rollover. 2 In the Rollover palette, create a new state: • Click the New State button ( ) at the bottom of the palette. • Choose New State from the Rollover palette menu. The new rollover state is identical to the state immediately preceding it, until you make modifications to the image using the Layers palette. 3 Use the default rollover state assigned by ImageReady, or select a rollover state from the pop-up menu above the rollover thumbnail: • Over to define the rollover state when the Web viewer rolls over the slice or image map area with the mouse while the mouse button is not pressed. (Over is automatically selected for the second rollover state.) • Down to define the rollover state when the Web viewer presses the mouse button on the slice or image map area. (This state appears as long as the viewer keeps the mouse button pressed down on the area.) • Click to define the rollover state when the Web viewer clicks the mouse on the slice or image map area. (This state appears after the viewer clicks the mouse and remains until the viewer activates another rollover state.) • Out to define the rollover state when the Web viewer rolls the mouse out of the slice or image map area. (The Normal state usually serves this purpose.) • Up to define the rollover state when the Web viewer releases the mouse button over the slice or image map area. (The Over state usually serves this purpose.) Note: Different Web browsers, or different versions of a browser, may process clicks and double-clicks differently. For example, some browsers leave the slice in the Click state after a click, and in the Up state after a double-click; other browsers use the Up state only as a transition into the Click state, regardless of single- or double-clicking. To ensure your Web page will function correctly, be sure to preview rollovers in various Web browsers.

  • 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

CHAPTER 10
294
Designing Web Pages
To select a slice or image map area in the Rollover
palette:
Choose a slice or image map area from the
pop-up menu at the lower left corner of the
Rollover palette.
Creating rollover states
When you create a rollover state, you select a
mouse action which activates the state (except for
the first state in a rollover, which is always the
Normal state).
To create a rollover state:
1
Select the slice or image map area to which you
want to add the rollover.
Note:
When creating a slice or image map area for a
rollover, use a layer-based slice or a layer-based
image map area. This is recommended because the
dimensions of a layer
s content may change in the
course of creating a rollover.
2
In the Rollover palette, create a new state:
Click the New State button (
) at the bottom of
the palette.
Choose New State from the Rollover
palette menu.
The new rollover state is identical to the state
immediately preceding it, until you make modifi-
cations to the image using the Layers palette.
3
Use the default rollover state assigned by
ImageReady, or select a rollover state from the
pop-up menu above the rollover thumbnail:
Over to define the rollover state when the
Web viewer rolls over the slice or image map area
with the mouse while the mouse button is not
pressed. (Over is automatically selected for the
second rollover state.)
Down to define the rollover state when the Web
viewer presses the mouse button on the slice or
image map area. (This state appears as long as the
viewer keeps the mouse button pressed down on
the area.)
Click to define the rollover state when the
Web viewer clicks the mouse on the slice or image
map area. (This state appears after the viewer
clicks the mouse and remains until the viewer
activates another rollover state.)
Out to define the rollover state when the
Web viewer rolls the mouse out of the slice or
image map area. (The Normal state usually serves
this purpose.)
Up to define the rollover state when the
Web viewer releases the mouse button over the
slice or image map area. (The Over state usually
serves this purpose.)
Note:
Different Web browsers, or different versions of
a browser, may process clicks and double-clicks
differently. For example, some browsers leave the
slice in the Click state after a click, and in the
Up state after a double-click; other browsers use the
Up state only as a transition into the Click state,
regardless of single- or double-clicking. To ensure
your Web page will function correctly, be sure to
preview rollovers in various Web browsers.