64 lines
1.8 KiB
HTML
64 lines
1.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>dojox.widget.rotator.ThumbnailController Test</title>
|
|
<style type="text/css">
|
|
@import "../../../dojo/resources/dojo.css";
|
|
@import "../../../dijit/tests/css/dijitTests.css";
|
|
|
|
.rotator{
|
|
background-color:#fff;
|
|
border:solid 1px #e5e5e5;
|
|
width:500px;
|
|
height:375px;
|
|
overflow:hidden;
|
|
}
|
|
.rotator img{
|
|
background-color:#fff;
|
|
width:500px;
|
|
height:375px;
|
|
overflow:hidden;
|
|
}
|
|
.dojoxRotatorThumb{
|
|
display:inline-block;
|
|
width:240px;
|
|
height:180px;
|
|
margin:2px;
|
|
}
|
|
.dojoxRotatorThumb img{
|
|
width:240px;
|
|
height:180px;
|
|
}
|
|
.dojoxRotatorThumbSelected{
|
|
border:solid 2px #00f;
|
|
margin:0;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:true"></script>
|
|
<script type="text/javascript">
|
|
dojo.require("dojo.parser");
|
|
dojo.require("dojox.widget.AutoRotator");
|
|
dojo.require("dojox.widget.rotator.Fade");
|
|
dojo.require("dojox.widget.rotator.ThumbnailController");
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<h1 class="testTitle">dojox.widget.rotator.ThumbnailController Test</h1>
|
|
|
|
<div class="test1">
|
|
|
|
<div dojoType="dojox.widget.AutoRotator" class="rotator" jsId="myRotator" duration="1000" transition="dojox.widget.rotator.crossFade">
|
|
<img src="../../image/tests/images/chris1_lg.jpg" thumbsrc="../../image/tests/images/chris1_sm.jpg" alt="Image 1"/>
|
|
<img src="../../image/tests/images/chris2_lg.jpg" thumbsrc="../../image/tests/images/chris2_sm.jpg" alt="Image 2"/>
|
|
<img src="../../image/tests/images/chris3_lg.jpg" thumbsrc="../../image/tests/images/chris3_sm.jpg" alt="Image 3"/>
|
|
</div>
|
|
|
|
<div dojoType="dojox.widget.rotator.ThumbnailController" rotator="myRotator"></div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|