]> www.average.org Git - mkgallery.git/blobdiff - include/slideshow.js
pull phatfusion scripts that actually work with mootools 1.2
[mkgallery.git] / include / slideshow.js
index cc312d9c1577815beedb58672a17c3a7e775a815..7f2e97385d2f670ec64fff8d5ee15bb66c3839e3 100644 (file)
@@ -1,15 +1,15 @@
 \r
 /**************************************************************\r
 \r
-       Script          : SlideShow\r
+       Script          : slideShow\r
        Version         : 1.3\r
        Authors         : Samuel Birch\r
-       Desc            : \r
+       Desc            : transitions between images\r
        Licence         : Open Source MIT Licence\r
 \r
 **************************************************************/\r
 \r
-var SlideShow = new Class({\r
+var slideShow = new Class({\r
        \r
        getOptions: function(){\r
                return {\r
@@ -17,12 +17,12 @@ var SlideShow = new Class({
                        duration: 2000,\r
                        transition: Fx.Transitions.linear,\r
                        direction: 'right', //top|right|bottom|left|random\r
-                       color: false,\r
+                       //color: false,\r
                        wait: 5000,\r
-                       loop: false,\r
+                       loop: true,\r
                        thumbnails: false,\r
                        thumbnailCls: 'outline',\r
-                       backgroundSlider: false,\r
+                       backgroundSlider: false, //change to be an instance.\r
                        loadingCls: 'loading',\r
                        onClick: false\r
                };\r
@@ -156,7 +156,8 @@ var SlideShow = new Class({
                });\r
                var img = this.newImage.getElement('img');\r
                if(img){\r
-                       img.replaceWith(this.imageObj.clone());\r
+                       this.imageObj.clone().replaces(img);\r
+                       //img.replaces(this.imageObj.clone());\r
                }else{\r
                        var obj = this.imageObj.clone();\r
                        obj.injectInside(this.newImage);\r
@@ -216,6 +217,7 @@ var SlideShow = new Class({
                if(doNext){\r
                        this.cloneImage();\r
                        $clear(this.timer);\r
+                       /* console.log(this.image) */\r
                        if(this.image < this.images.length-1){\r
                                if(wait){\r
                                        this.wait();\r
@@ -249,7 +251,8 @@ var SlideShow = new Class({
        cloneImage: function(){\r
                var img = this.oldImage.getElement('img');\r
                if(img){\r
-                       img.replaceWith(this.imageObj.clone());\r
+                       this.imageObj.clone().replaces(img);\r
+                       //img.replaces(this.imageObj.clone());\r
                }else{\r
                        var obj = this.imageObj.clone();\r
                        obj.injectInside(this.oldImage);\r
@@ -268,7 +271,7 @@ var SlideShow = new Class({
        \r
        effect: function(){\r
                this.animating = true;\r
-               this.effectObj = this.newImage.effects({\r
+               this.effectObj = new Fx.Morph(this.newImage, {\r
                        duration: this.options.duration,\r
                        transition: this.options.transition\r
                });\r
@@ -355,10 +358,9 @@ var SlideShow = new Class({
        },\r
        \r
        wipe: function(){\r
-               this.oldImage.effects({\r
+               this.newImage.morph({\r
                        duration: this.options.duration,\r
-                       transition: this.options.transition\r
-               }).start({\r
+                       transition: this.options.transition,\r
                        top: [0,this.topOut],\r
                        left: [0, this.leftOut]\r
                })\r
@@ -390,8 +392,8 @@ var SlideShow = new Class({
        }\r
        \r
 });\r
-SlideShow.implement(new Options);\r
-SlideShow.implement(new Events);\r
+slideShow.implement(new Options);\r
+slideShow.implement(new Events);\r
 \r
 \r
 /*************************************************************/\r