squaresX Attribute | SquaresX Property

  • Article

Sets or retrieves the number of columns for the CheckerBoard transition.

Syntax

HTML
{ filter:progid:DXImageTransform.Microsoft.CheckerBoard(
    squaresX = iColumns ... ) ... }
Scripting
object.filters.item(
    "DXImageTransform.Microsoft.CheckerBoard").SquaresX [ = iColumns ]

Possible Values

iColumns Integer that specifies or receives any positive value greater than or equal to 2.
12
Default.

The property is read/write. The property has a default value of 12.

Remarks

Any value less than 2 causes the property to default to 12.

Example

This example uses the backgroundColor property to change the display before each transition is played.

<SCRIPT>
var bToggle = 0;
function fnToggle() {
    oDiv.filters[0].Apply();                   
// After setting Apply, changes to the oDiv object 
//  are not displayed until Play is called.

    if (bToggle) {                                                        
        bToggle = 0;
        oDiv.style.backgroundColor="gold";}
    else {
        bToggle = 1;
        oDiv.style.backgroundColor="blue";}  
    oDiv.filters[0].Play();
}
</SCRIPT>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
                filter:progid:DXImageTransform.Microsoft.CheckerBoard(
                duration=5, direction='left', squaresX=4);">
</DIV>

Applies To

CheckerBoard