and other stuff
- nextclick:false, // bind content click next slide
- playclick:false, // bind content click play/stop
- playhover:false, // bind content hover play/stop
- playhoverr:false, // bind content hover stop/play (reverse of playhover)
- playframe:true, // show frame "Play Now!"
- fullscreen:false, // in full window size
- imgresize:false, // resize image to slideshow window
- imgcenter:true, // set image to center // TODO
- imgajax:true, // load images from links
- linkajax:false, // load html from links
- help:'Plugin homepage: (a)Slideshow
'+
- 'Author homepage: Anton Shevchuk',
-
- controls :{ // show/hide controls elements
- 'hide':true, // show controls bar on mouse hover
- 'first':true, // goto first frame
- 'prev':true, // goto previouse frame (if it first go to last)
- 'play':true, // play slideshow
- 'next':true, // goto next frame (if it last go to first)
- 'last':true, // goto last frame
- 'help':true, // show help message
- 'counter':true // show slide counter
- }
- };
- /**
- * Create a new instance of slideshow.
- *
- * @classDescription This class creates a new slideshow and manipulate it
- *
- * @return {Object} Returns a new slideshow object.
- * @constructor
- */
- $.fn.slideshow = function(settings) {
-
- var _slideshow = this;
-
- /*
- * Construct
- */
- this.each(function(){
-
- var ext = $(this);
-
- this.playFlag = false;
- this.playId = null;
- this.length = 0;
- this.inited = new Array();
-
- /**
- * Build Html
- * @method
- */
- this.build = function () {
- var _self = this;
-
- ext.wrapInner('
'+data+'
');
- });
- } else { // nothing else
-// slide.wrap('');
- }
-
- slide = ext.find('.slideshow-content > *:eq('+index+')');
-
- // reset css
- this._build(slide);
- }
-
- /**
- * Play/stop on content click (like image and other)
- */
- if (this.options.playclick)
- $(slide).click(function(){
- if (_self.playFlag) {
- _self.stop();
- } else {
- _self.play();
- }
- return false;
- });
- };
-
- /**
- * Goto N-slide
- * @method
- * @param {Integer} n
- */
- this.goSlide = function (n) {
-
- if (this.options.index == n) return;
-
- this.init(n);
-
- var next = ext.find('.slideshow-content > *:eq('+n+')');
- var prev = ext.find('.slideshow-content > *:eq('+this.options.index+')');
-
- // restore next slide after all effects, set z-index = 0 for prev slide
- prev.css({zIndex:0});
- if (this.options.imgresize) {
- next.css({zIndex:1, top: 0, left: 0, opacity: 1, width: this.options.width, height: this.options.height});
- } else {
- next.css({zIndex:1, top: (this.options.height/2 - next.attr('height')/2), left: (this.options.width/2 - next.attr('width')/2), opacity: 1});
- }
-
- this.options.index = n;
-
- if (this.options.effect == 'random' ) {
- var r = Math.random();
- r = Math.floor(r*12);
- } else {
- r = -1;
- }
- // effect between slides
- switch (true) {
- case (this.options.effect == 'scrollUp' || r == 0):
- prev.css({width:'100%'});
- next.css({top:0, height:0});
-
- prevAni = {height: 0, top:this.options.height};
- break;
- case (this.options.effect == 'scrollDown' || r == 1):
- prev.css({width:'100%'});
- next.css({top:this.options.height,height:0});
-
- prevAni = {height: 0, top:0};
- break;
- case (this.options.effect == 'scrollRight' || r == 2):
- prev.css({right:0,left:'',height:'100%'});
- next.css({right:'',left:0,height:'100%',width:'0%'});
-
- prevAni = {width: 0};
- break;
- case (this.options.effect == 'scrollLeft' || r == 3):
- prev.css({right:'',left:0,height:'100%'});
- next.css({right:0,left:'',height:'100%',width:'0%'});
-
- prevAni = {width: 0};
- break;
- case (this.options.effect == 'growX' || r == 4):
- next.css({zIndex:2,opacity: 1,left: this.options.width/2, width: '0%', height:'100%'});
-
- prevAni = {opacity: 0.8};
- break;
-
- case (this.options.effect == 'growY' || r == 5):
- next.css({opacity: 1,top: this.options.height/2, width:'100%', height: '0%'});
-
- prevAni = {opacity: 0.8};
- break;
-
- case (this.options.effect == 'zoom' || r == 6):
- next.css({width: 0, height: 0, top: this.options.height/2, left: this.options.width/2});
-
- prevAni = {width: 0, height: 0, top: this.options.height/2, left: this.options.width/2};
- break;
-
- case (this.options.effect == 'zoomFade' || r == 7):
- next.css({zIndex:1, opacity: 0,width: 0, height: 0, top: this.options.height/2, left: this.options.width/2});
-
- prevAni = {opacity: 0, width: 0, height: 0, top: this.options.height/2, left: this.options.width/2};
- break;
-
- case (this.options.effect == 'zoomTL' || r == 8):
- next.css({zIndex:1, opacity: 0,width: this.options.width/2, height: this.options.height/2, top:0, left: 0});
-
- prevAni = {opacity: 0, width: 0, height: 0, top: this.options.height, left: this.options.width};
- break;
- case (this.options.effect == 'zoomBR' || r == 9):
- next.css({zIndex:1, opacity: 0,width: this.options.width/2, height: this.options.height/2, top: this.options.height/2, left: this.options.width/2});
-
- prevAni = {opacity: 0, width: 0, height: 0, top: 0, left: 0};
- break;
- case (this.options.effect == 'fade' || r == 10):
- default:
- prev.css({zIndex:0, opacity: 1});
- next.css({zIndex:1, opacity: 0});
-
- prevAni = {opacity: 0};
- break;
- }
-
- var _self = this;
-
- prev.animate(prevAni,this.options.effecttime);
-
- // play next slide animation, hide prev slide, update label, update counter
- next.show().animate({opacity: 1}, this.options.effecttime, function () { prev.hide(); _self.label(); _self.counter(); });
- };
-
- /**
- * Update counter data
- * @method
- */
- this.counter = function () {
- if (this.options.controls.counter)
- ext.find('.slideshow-panel span.counter').html((this.options.index+1) + ' / ' + this.length);
-
- };
-
- // Now initialize the slideshow
- this.options = $.extend({}, defaults, settings);
-
- if (typeof(settings) != 'undefined') {
- if (typeof(settings.controls) != 'undefined')
- this.options.controls = $.extend({}, defaults.controls, settings.controls);
- }
-
- this.build();
-
- /**
- * Show slideshow
- */
- ext.show();
-
- /**
- * Check play option
- */
- if (this.options.play) {
- this.play();
- }
-
- return ext;
- });
-
- /**
- * external functions - append to $
- */
- _slideshow.playSlide = function(){ _slideshow.each(function () { this.play(); }) };
- _slideshow.stopSlide = function(){ _slideshow.each(function () { this.stop(); }) };
- _slideshow.nextSlide = function(){ _slideshow.each(function () { this.next(); }) };
- _slideshow.prevSlide = function(){ _slideshow.each(function () { this.prev(); }) };
-
- return this;
- }
-})(jQuery);
diff --git a/public/javascripts/jquery.aslideshow/simple/images/big-play.png b/public/javascripts/jquery.aslideshow/simple/images/big-play.png
deleted file mode 100644
index f729acb..0000000
Binary files a/public/javascripts/jquery.aslideshow/simple/images/big-play.png and /dev/null differ
diff --git a/public/javascripts/jquery.aslideshow/simple/images/buttons.png b/public/javascripts/jquery.aslideshow/simple/images/buttons.png
deleted file mode 100644
index e8ef1ca..0000000
Binary files a/public/javascripts/jquery.aslideshow/simple/images/buttons.png and /dev/null differ
diff --git a/public/javascripts/jquery.aslideshow/simple/styles.css b/public/javascripts/jquery.aslideshow/simple/styles.css
deleted file mode 100644
index 7137ac4..0000000
--- a/public/javascripts/jquery.aslideshow/simple/styles.css
+++ /dev/null
@@ -1,180 +0,0 @@
-.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
- font:12px Verdana, Tahoma, sans-serif;
-}
-
-.slideshow {
- padding:0;
- border:0;
- position:relative;
- display:none; /* Set to "none" for not preview slideshow content */
-}
-
-.slideshow-fullscreen {
- position:absolute;
- top:0;
- left:0;
- padding:0;
- border:0;
- overflow:hidden;
-}
-
-.slideshow-label-place {
- padding:0;
- position:absolute;
- top:0px;
- left:0px;
- z-index:100;
- height:30px;
-}
- .slideshow-label {
- z-index:101;
- color:#fff;
- width:100%;
- height:100%;
- line-height:30px;
- text-indent:8px;
- font-weight:bold
- }
-
-.slideshow-panel-place {
- padding:0;
- position:absolute;
- bottom:-29px;
- left:0px;
- z-index:100;
- height:28px;
-}
-
-
- .slideshow-panel {
- z-index:101;
- width:100%;
- height:100%;
- }
-
- .slideshow-panel a.slideshowbutton {
- display: block;
- width:26px;
- height:26px;
- float:left;
- text-indent:-99999%;
- overflow:hidden;
- outline: 0; /* @ Firefox, prevent dotted border after click */
- background-image:url(images/buttons.png);
- background-repeat:no-repeat;
- border:1px solid transparent
- }
-
- .slideshow-panel a.slideshowbutton:hover {
- border:1px solid #777;
- }
-
-
- .slideshow-panel a.first {
- background-position: 0 0
- }
-
- .slideshow-panel a.prev {
- background-position: -24px 0
- }
-
- .slideshow-panel a.play {
- background-position: -48px 0
- }
-
- .slideshow-panel a.stop {
- background-position: -72px 0
- }
-
- .slideshow-panel a.next {
- background-position: -96px 0
- }
-
- .slideshow-panel a.last {
- background-position: -120px 0
- }
-
- .slideshow-panel a.help {
- position:relative;
- background-position: -144px 0
- }
-
- .slideshow-panel span.counter {
- float:right;
- display: block;
- /*width:26px;*/
- height:26px;
- line-height:26px;
- padding:0 4px;
- color: white;
- }
-
-
-.slideshow-help {
- position:absolute;
- bottom:28px;
- left:0px;
- z-index:101;
- background-color:#ff9;
- display:none;
- opacity: 0.9;
- width:100%;
-}
-
-.slideshow-content {
- padding:0;
- background-color:#fff;
- color:#333;
- overflow:hidden;
- position:relative;
- width:100%;
- height:100%;
-}
-
- /* Some Content Changes */
- .slideshow-content p {
- padding:0;
- overflow:auto;
- }
-
-.slideshow-frame {
- position:absolute;
- top:0px;
- left:0px;
- background:url(images/big-play.png) 50% 50% no-repeat;
- z-index:201;
- cursor:pointer;
- width:100%;
- height:100%;
-}
-
-.slideshow-shadow{
- position:absolute;
- top:0px;
- left:0px;
- z-index:200;
- width:100%;
- height:100%;
-}
-
-.slideshow-opacity{
- background-color: black;
-}
- *:first-child+html .slideshow-opacity, * html .slideshow-opacity {
- zoom:1;
- background:#000;
- filter:alpha(opacity=50);
- }
- * html .slideshow-opacity {
- zoom:1;
- background:#000;
- filter:alpha(opacity=50);
- }
-
- *:first-child+html .slideshow-opacity *{
- position:relative;
- }
-
- * html .slideshow-opacity *{
- position:relative;
- }
diff --git a/public/javascripts/pikachoose.js b/public/javascripts/pikachoose.js
new file mode 100644
index 0000000..94d9114
--- /dev/null
+++ b/public/javascripts/pikachoose.js
@@ -0,0 +1,275 @@
+/* 1/13/2009
+ PikaChoose
+ Jquery plugin for photo galleries
+ Copyright (C) 2009 Jeremy Fry
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program. If not, see ");
+ var divcss = {
+ width: options.window_width+"px",
+ height: options.window_height+"px",
+ overflow:"hidden",
+ position:"relative"
+ };
+ var ulcss = {
+ position: "relative",
+ width: options.list_width+"px"
+ };
+ $sliderjs.css(divcss);
+ $sliderul.css(ulcss);
+ //TODO:add a scroll bar and buttons maybe.
+ if($.browser.msie){
+ //$sliderjs.children().mousedown(function(){ return true;});
+ $sliderul.children().mousedown(function(){
+ return false;});
+ $sliderul.children().children().mousedown(function(){
+ return false;});
+ }
+
+ //mouse fucntions for tosses
+ $sliderjs.bind('selectstart', function() {
+ return false;
+ });
+ $sliderjs.bind("mousedown", function(e){
+ $sliderul.stop();
+ $sliderul.dequeue();
+ movex.splice(0);
+ initx = e.pageX;
+ var date = new Date();
+ downtime = date.getTime();
+ var xlen = 0;
+ var ulinitx = $sliderul.position().left;
+ $().bind("mousemove", function(e){
+ //track the mouse movements
+ //duplicates cause some issues. Though moving only one direction would
+ //cause this. it tends to be unintentional
+ if(movex[xlen-1]!=e.pageX){
+ xlen = movex.push(e.pageX);
+ }
+
+ //keep trimming our array
+ if(xlen>10){
+ movex.splice(0,6);
+ xlen = movex.push(e.pageX);
+ }
+
+ //track direction of last three movements. if directions changes reset time
+ if(movex.length>3){
+ if((movex[xlen-3]>=movex[xlen-2]) &&(movex[xlen-2]>=movex[xlen-1])){
+ }else if((movex[xlen-3]<=movex[xlen-2]) &&(movex[xlen-2]<=movex[xlen-1])){
+ }else{
+ //if we made it here the user has changed direction so now we need to reset the time
+ //downtime = date.getTime();
+ }
+ }
+
+ //move the list around well the mouse is pressed
+ var newleft = parseInt(ulinitx, 10)+parseInt((e.pageX-initx)/1.5, 10);
+ if(newleft<((options.list_width*-1)+parseInt(options.window_width, 10)-50)){
+ newleft=((options.list_width*-1)+parseInt(options.window_width, 10)-50);
+ }
+ if(newleft>50){newleft=50;}
+ //$('.pika_navigation').html(newleft);
+ $sliderul.css("left",newleft+"px");
+ });
+ $().bind("mouseup", MeatAndPatatos);
+ return false;
+ });
+
+ function Animate(xvalue){
+ $sliderul.stop();
+ $sliderul.dequeue();
+ $sliderul.animate({
+ left:xvalue+"px"
+ },1500,"easeOutCubic");
+ }
+
+ //TODO: find a better name for this func... nevermind I like it
+ function MeatAndPatatos(e){
+ $().unbind("mousemove");
+ $().unbind("mouseup", MeatAndPatatos);
+ var date = new Date();
+ var uptime = date.getTime();
+
+ //calculate velocity... did math class just pay off?
+ var velocity = (movex[movex.length-1]*100-movex[movex.length-2]*100)/(uptime-downtime);
+ var distance = movex[movex.length-1]-movex[movex.length-2];
+ var negative = 1;
+ //they're both negative when they get multiplied together we're going to end up with a positive
+ if(distance<0){
+ negative = -1;
+ }
+ var ulinitx = $sliderul.position().left;
+ var animateleft = parseInt(ulinitx, 10)+(velocity * distance * negative)/2;
+ if(animateleft<(options.list_width*-1)+parseInt(options.window_width, 10)){
+ animateleft=(options.list_width*-1)+parseInt(options.window_width, 10);
+ }
+ //alert(animateleft);
+ if(animateleft>0){animateleft=0;}
+ //now that we have velocity figure out the distance to go and the time
+ if(isNaN(animateleft)){}else{
+ Animate(animateleft);
+ }
+
+ }
+
+
+
+ function MoveToLi(){
+ var pos = $(this).parent('li').position();
+ var width = $(this).css("width").slice(0,-2);
+ var lileft = pos.left;
+ var liright = parseInt(pos.left, 10)+parseInt(width, 10);
+ var ulleft = $sliderul.position().left;
+ //find out if the li is inside the viewable area
+ //first find range of viewable values
+ var low = ulleft*-1;
+ var high = low+options.window_width;
+ //is my li in that?
+ if((lileft>=low)&&(liright<=high)){
+ //viewable we're gravy
+ return;
+ }else{
+ //uh oh! not viewable lets slide
+ //find how far outside view we are
+ var slide =0;
+ if(lileft 'gallery', :profile => profile)
+ get :view_page, :profile => profile.identifier, :page => f.explode_path, :slideshow => true
+
+ assert_template 'slideshow'
+ end
+
end
--
libgit2 0.21.2