Added doctest for flippable images with different sizes.
This commit is contained in:
+14
-3
@@ -64,16 +64,27 @@
|
||||
<script class="doctest">
|
||||
let scatterContainer = new DOMScatterContainer(main, { stopEvents: false })
|
||||
if (Capabilities.supportsTemplate()) {
|
||||
let flip = new DOMFlip(
|
||||
let flip1 = new DOMFlip(
|
||||
scatterContainer,
|
||||
flipTemplate,
|
||||
new ImageLoader('./examples/king.jpeg'),
|
||||
new ImageLoader('./examples/women.jpeg'),
|
||||
{ tapDelegateFactory: CardWrapper, preloadBack: true }
|
||||
{ /*tapDelegateFactory: CardWrapper,*/ preloadBack: true }
|
||||
)
|
||||
flip.load().then((flip) => {
|
||||
flip1.load().then((flip) => {
|
||||
flip.centerAt({ x: 150, y: 120 })
|
||||
})
|
||||
|
||||
let flip2 = new DOMFlip(
|
||||
scatterContainer,
|
||||
flipTemplate,
|
||||
new ImageLoader('./examples/king.jpeg'),
|
||||
new ImageLoader('./examples/queen.jpeg'),
|
||||
{ /*tapDelegateFactory: CardWrapper,*/ preloadBack: true }
|
||||
)
|
||||
flip2.load().then((flip) => {
|
||||
flip.centerAt({ x: 650, y: 120 })
|
||||
})
|
||||
} else {
|
||||
alert('Templates not supported, use Edge, Chrome, Safari or Firefox.')
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user