|
|
Line 1: |
Line 1: |
- | <!DOCTYPE>
| |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
| <head> | | <head> |
- | <!--[if IE]><script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/excanvas.compiled.js"></script><![endif]--> | + | |
- | <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/jquery-1.3.2.js"></script>
| + | |
- | <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/ui.core.js"></script>
| + | |
- | <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/ui.slider.js"></script>
| + | |
- | <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/momoflow.js"></script>
| + | |
- | <link type="text/css" href="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/css/ui.all.css" rel="stylesheet" />
| + | |
- | <script type="text/javascript">
| + | |
- | $(document).ready(function() {
| + | |
- | var images = jQuery.map([0,1,2,3,4,5,6,7,8,9], function(index){ return 'images/flow_'+index+'.jpg'});
| + | |
- | init();
| + | |
- | function init(){
| + | |
- | var cf = new CF(
| + | |
- | $('#container'), images, {
| + | |
- | onSetPosition : function(index){
| + | |
- | $('#slider').slider('option', 'value', index);
| + | |
- | },
| + | |
- | lightBox : true
| + | |
- | }
| + | |
- | );
| + | |
- | $('#slider').slider({
| + | |
- | animate: true,
| + | |
- | min: 0,
| + | |
- | max: images.length - 1,
| + | |
- | change : function(event, s){
| + | |
- | cf.setPosition(s.value)
| + | |
- | }
| + | |
- | });
| + | |
- | }
| + | |
- | });
| + | |
- | </script>
| + | |
| <style type="text/css" media="screen"> | | <style type="text/css" media="screen"> |
| body { | | body { |
Line 1,171: |
Line 1,141: |
| | | |
| | | |
- | <div id="container"></div> | + | |
- | <div id="slider"></div>
| + | |
| | | |
| | | |