Permalink
Browse files

demo page changed.

Signed-off-by: Noritaka Horio <holy.shared.design@gmail.com>
  • Loading branch information...
1 parent a7424ad commit 3d6a951b50235c17a6a6107e53b7b221d349c42e @holyshared committed Oct 13, 2010
Showing with 67 additions and 68 deletions.
  1. +14 −14 Demos/gradually.gallery.html
  2. +17 −17 Demos/gradually.html
  3. +25 −26 Demos/gradually.slideshow.html
  4. +11 −11 Demos/js/demo.js
@@ -9,28 +9,28 @@
<meta name="copyright" content="2009 Noritaka Horio All rights reserved" />
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="css/gradually.gallery.css" media="screen,print" />
- <script type="text/javascript" src="js/libraries/mootools-1.2.4-core.js"></script>
- <script type="text/javascript" src="js/libraries/mootools-1.2.4.2-more.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.Grid.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.Expand.js"></script>
+ <script type="text/javascript" src="js/libraries/mootools-core-1.3.js"></script>
+ <script type="text/javascript" src="js/libraries/mootools-more.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.Grid.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.Expand.js"></script>
<script type="text/javascript" src="../Source/Gradually.js"></script>
<script type="text/javascript" src="../Source/Gradually.Gallery.js"></script>
<script type="text/javascript">
- window.addEvent("domready", function() {
+ window.addEvent('domready', function() {
var drawer = new ImageDrawer.Expand({
- 'slideWidth': 65,
- 'interval': 70,
- 'duration': 300,
- 'transition': 'expo:out'
+ slideWidth: 65,
+ interval: 70,
+ duration: 300,
+ transition: 'expo:out'
});
- var container = document.id("gallery");
- var images = $$(".graduallyImages li img");
+ var container = document.id('gallery');
+ var images = $$('.graduallyImages li img');
var gallery = new Gradually.Gallery(container, {
- 'images': images,
- 'drawer': drawer
+ images: images,
+ drawer: drawer
});
});
View
@@ -9,33 +9,33 @@
<meta name="copyright" content="2009 Noritaka Horio All rights reserved" />
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="css/gradually.css" media="screen,print" />
- <script type="text/javascript" src="js/libraries/mootools-1.2.4-core.js"></script>
- <script type="text/javascript" src="js/libraries/mootools-1.2.4.2-more.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.Grid.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.Expand.js"></script>
+ <script type="text/javascript" src="js/libraries/mootools-core-1.3.js"></script>
+ <script type="text/javascript" src="js/libraries/mootools-more.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.Grid.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.Expand.js"></script>
<script type="text/javascript" src="../Source/Gradually.js"></script>
<script type="text/javascript">
- window.addEvent("domready", function() {
+ window.addEvent('domready', function() {
var drawer = new ImageDrawer.Grid({
- 'gridHeight': 55,
- 'gridWidth': 65,
- 'interval': 70,
- 'duration': 600,
- 'transition': 'expo:in'
+ gridHeight: 55,
+ gridWidth: 65,
+ interval: 70,
+ duration: 600,
+ transition: 'expo:in'
});
- var container = document.id("gradually");
- var images = $$(".gradually li img");
+ var container = document.id('gradually');
+ var images = $$('.gradually li img');
var gallery = new Gradually(container, {
- 'images': images,
- 'drawer': drawer
+ images: images,
+ drawer: drawer
});
gallery.start();
- var nav = $("nav").getElements("li a");
- nav.addEvent("click", function(event) {
+ var nav = $('nav').getElements('li a');
+ nav.addEvent('click', function(event) {
var index = nav.indexOf(event.target);
gallery.set(index);
});
@@ -9,46 +9,45 @@
<meta name="copyright" content="2009 Noritaka Horio All rights reserved" />
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="css/gradually.slideshow.css" media="screen,print" />
- <script type="text/javascript" src="js/libraries/mootools-1.2.4-core.js"></script>
- <script type="text/javascript" src="js/libraries/mootools-1.2.4.2-more.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.Grid.js"></script>
- <script type="text/javascript" src="js/libraries/image-drawer/ImageDrawer.Expand.js"></script>
+ <script type="text/javascript" src="js/libraries/mootools-core-1.3.js"></script>
+ <script type="text/javascript" src="js/libraries/mootools-more.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.Grid.js"></script>
+ <script type="text/javascript" src="js/libraries/image-drawer/Source/ImageDrawer.Expand.js"></script>
<script type="text/javascript" src="../Source/Gradually.js"></script>
<script type="text/javascript" src="../Source/Gradually.Slideshow.js"></script>
<script type="text/javascript">
- window.addEvent("domready", function() {
+ window.addEvent('domready', function() {
var grid = new ImageDrawer.Grid({
- 'gridHeight': 55,
- 'gridWidth': 65,
- 'interval': 70,
- 'duration': 600,
- 'transition': 'expo:in'
+ gridHeight: 55,
+ gridWidth: 65,
+ interval: 70,
+ duration: 600,
+ transition: 'expo:in'
});
- var type1 = document.id("type1");
- var images = type1.getElements(".graduallyImages li img");
+ var type1 = document.id('type1');
+ var images = type1.getElements('.graduallyImages li img');
new Gradually.Slideshow(type1, {
- 'drawer': grid,
- 'images': images,
- 'interval': 3000
+ drawer: grid,
+ images: images,
+ interval: 3000
});
-
var expand = new ImageDrawer.Expand({
- 'slideWidth': 65,
- 'interval': 70,
- 'duration': 600,
- 'transition': 'expo:in:out'
+ slideWidth: 65,
+ interval: 70,
+ duration: 600,
+ transition: 'expo:in:out'
});
- var type2 = document.id("type2");
- var images = type2.getElements(".graduallyImages li img");
+ var type2 = document.id('type2');
+ var images = type2.getElements('.graduallyImages li img');
new Gradually.Slideshow(type2, {
- 'drawer': expand,
- 'images': images,
- 'interval': 3000
+ drawer: expand,
+ images: images,
+ interval: 3000
});
});
</script>
View
@@ -1,25 +1,25 @@
-window.addEvent("domready", function(){
+window.addEvent('domready', function(){
var container = null, sources = null;
var options = {
- 'panelHeight': 55,
- 'panelWidth': 65,
- 'interval': 3000,
- 'duration': 1000,
- 'zIndex': 9000,
- 'onStart': function() {
+ panelHeight: 55,
+ panelWidth: 65,
+ interval: 3000,
+ duration: 1000,
+ zIndex: 9000,
+ onStart: function() {
$("container").getElement("p.information").set("html", "now loading....");
},
- 'onPreload': function(images) {
+ onPreload: function(images) {
$("container").getElement("p.information").set("html", images.length.toString() + "loaded");
},
- 'onChange': function(image) {
+ onChange: function(image) {
$("container").getElement("p.information").set("html", image.title + " : " + image.alt);
}
};
- var container = $("gradually-container");
- var sources = $("gradually-container").getElements("img");
+ var container = $('gradually-container');
+ var sources = container.getElements('img');
new Gradually(container, sources, options);
});

0 comments on commit 3d6a951

Please sign in to comment.