|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| |
| | <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>
| + | |
| | | | |
| | | | |
"
