javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/driftyco/ionic

Browse Source
This commit is contained in:
Adam Bradley
2013-10-16 11:46:07 -05:00
parent 68751e8ff3 8d33d38c31
commit a4a1fba6dc
9 changed files with 359 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
test/slideBox.html
View File

@ -8,7 +8,7 @@
<link href="../dist/css/ionic.css" rel="stylesheet">
<style>
#slide-box {
max-height: 400px;
max-height: 200px;
}
</style>
</head>
@ -22,24 +22,25 @@
<main class="content-wrapper">
<div class="content has-header">
<button id="prepend" class="button button-primary">Prepend content</button>
<button id="append" class="button button-primary">Append content</button>
<button id="prepend" class="button button-primary">Prepend</button>
<button id="append" class="button button-primary">Append</button>
<button id="remove" class="button button-danger">Remove</button>
<div class="slide-box" id="slide-box">
<div class="slide-box-slides">
<div class="slide">
<div class="slide-box-slide">
<img src="http://1.bp.blogspot.com/-kXS3MLcpTPw/T4rZBW2p8DI/AAAAAAAABqI/tR5aiO4Cj58/s1600/cows2.jpg">
</div>
<div class="slide">
<div class="slide-box-slide">
<img src="http://farm6.staticflickr.com/5226/5663664227_ba5e573930_z.jpg">
</div>
<div class="slide">
<div class="slide-box-slide">
<img src="http://i677.photobucket.com/albums/vv137/smileytrucker/cow-toy-car-stuck-head-1259518194w.jpg">
</div>
</div>
<div class="slide-box-pager">
<span>1</span>
<span>2</span>
<span>3</span>
<span><i class="icon-record"></i></span>
<span><i class="icon-record"></i></span>
<span><i class="icon-record"></i></span>
</div>
</div>
</div>
@ -56,7 +57,7 @@
});
document.getElementById('prepend').addEventListener('click', function(e) {
var content = document.createElement('div');
content.className = 'slide-box-content';
content.className = 'slide-box-slide';
content.innerHTML = '<img src="http://1.bp.blogspot.com/-A1IIpwx7jnE/TymvyGvjxNI/AAAAAAAAHi4/80CCftqRY0o/s640/sweetheart2.jpg">';//http://1.bp.blogspot.com/_6bMuhb3yWOA/TSiS2nYfQoI/AAAAAAAAAGA/AXOlDxrmMNQ/s1600/cow.jpg">';
@ -78,9 +79,8 @@
});
document.getElementById('append').addEventListener('click', function(e) {
var content = document.createElement('div');
content.className = 'slide-box-content';
content.className = 'slide-box-slide';
content.innerHTML = '<img src="http://1.bp.blogspot.com/-A1IIpwx7jnE/TymvyGvjxNI/AAAAAAAAHi4/80CCftqRY0o/s640/sweetheart2.jpg">';//http://1.bp.blogspot.com/_6bMuhb3yWOA/TSiS2nYfQoI/AAAAAAAAAGA/AXOlDxrmMNQ/s1600/cow.jpg">';
var items = b.querySelector('.slide-box-items');
box.appendSlide(content);
@ -92,6 +92,10 @@
*/
});
document.getElementById('remove').addEventListener('click', function(e) {
var items = b.querySelector('.slide-box-slides');
box.removeSlide(0);
});
/*
*/
</script>