Show/Hide Carousel Indicator

satake.sus4

2010-09-01 10:32:24

License: GPLv3 License

Fork: 5

Fav: 2

View: 14628

Play
Stop
Reload

Fullscreen

Smart Phone

Fork tree

Readme
JavaScript 47 lines
HTML 0 lines
CSS 1 lines

Show/Hide Carousel Indicator
Sench Touch Beta 0.91

Show/Hide Carousel Indicator
Sench Touch Beta 0.91

Ext.setup({ onReady:function(){ var carousel = new Ext.Carousel({ dockedItems:[ { title:'Show/Hide Indicator', xtype:'toolbar', dock:'top', items:[ {xtype:'spacer'}, { ui:'mask', iconCls:'bolt', handler:function(){ if (carousel.indicator.isVisible()){ carousel.indicator.show(); }else{ carousel.indicator.hide(); } } } ] } ], defaults:{ styleHtmlContent:true }, items:[ {html:"Show/Hide Carousel Indicator"}, {html:"Second Card"}, {html:"Third Card"} ], indicator:{ hidden:true, showAnimation:{ type:'fade' } } }); var panel = new Ext.Panel({ fullscreen:true, layout:'fit', items:carousel }); } });body { background-color: #DDDDDD; font: 30px sans-serif; }

Tweet
QR code
Embed

Design view
Code view
<script type="text/javascript" src="http://jsdo.it/blogparts/gDkH/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/satake.sus4/gDkH" title="Show/Hide Carousel Indicator">Show/Hide Carousel Indicator - jsdo.it - share JavaScript, HTML5 and CSS</a></p>
zip