diff options
| author | spiderr <spider@viovio.com> | 2012-10-31 13:15:47 -0400 |
|---|---|---|
| committer | spiderr <spider@viovio.com> | 2012-10-31 13:15:47 -0400 |
| commit | 71ab5fe127c0acd77ab21155fb7bccb368d6bc48 (patch) | |
| tree | 08e90c64cbb4ffce91043ea3a367d2dd9fb29da7 /javascript | |
| parent | 2393e641741dda4ebb9bf96e3cdf0660dcc92279 (diff) | |
| download | util-71ab5fe127c0acd77ab21155fb7bccb368d6bc48.tar.gz util-71ab5fe127c0acd77ab21155fb7bccb368d6bc48.tar.bz2 util-71ab5fe127c0acd77ab21155fb7bccb368d6bc48.zip | |
move matteo mbgallery js to gallery_views in fisheye
Diffstat (limited to 'javascript')
| -rw-r--r-- | javascript/libs/jquery/plugins/mbgallery/mbGallery.js | 416 | ||||
| -rw-r--r-- | javascript/libs/jquery/plugins/mbgallery/mbGalleryBox.js | 34 |
2 files changed, 0 insertions, 450 deletions
diff --git a/javascript/libs/jquery/plugins/mbgallery/mbGallery.js b/javascript/libs/jquery/plugins/mbgallery/mbGallery.js deleted file mode 100644 index 921f943..0000000 --- a/javascript/libs/jquery/plugins/mbgallery/mbGallery.js +++ /dev/null @@ -1,416 +0,0 @@ -/* - * developed by Matteo Bicocchi on JQuery - * © 2002-2009 Open Lab srl, Matteo Bicocchi - * www.open-lab.com - info@open-lab.com - * version 1.0 - * tested on: Explorer and FireFox for PC - * FireFox and Safari for Mac Os X - * FireFox for Linux - * GPL (GPL-LICENSE.txt) licenses. - */ - - -jQuery.fn.mbGallery = function (NewOptions) -{ - return this.each (function () { - var galleryId = !this.id ? Math.floor (Math.random () * 100): this.id; - var gallery = this; - - this.options = { - galleryWidth : 300, - galleryHeight : 300, - galleryMaxWidth : 0, - galleryColor : "white", - galleryFrameBorder : 30, - galleryFrameColor : "white", - - startFrom : 0, - headerOpacity : 0.5, - thumbsBorder : 5, - thumbHeight : 30, - thumbStripColor : "black", - thumbStripPos : "right", - thumbStripWidth:250, - thumbSelectColor : "black", - thumbOverColor : "#cccccc", - imageSelector : ".imgFull", - thumbnailSelector : ".imgThumb", - descSelector : ".imgDesc", - descriptionWidth:300, - - labelColor : "yellow", - labelColorDisactive:"white", - labelTextColor : "black", - labelTextSize : "9px", - labelHeight : 25, - iconFolder: "elements/black", - fadeTime : 300, - autoSlide : true, - slideTimer : 100, - autoSize : true, - startTimer:0 - - } - - $.extend (this.options, NewOptions); - var opt= this.options; - - opt.thumbsBorder = opt.thumbsBorder + "px solid"; - var thumbSel = { - thumbSel : - { - border : opt.thumbsBorder, borderColor : opt.thumbSelectColor - }, - thumbUnsel : - { - border : opt.thumbsBorder, borderColor : opt.thumbStripColor - }, - thumbOver : - { - border : opt.thumbsBorder, borderColor : opt.thumbOverColor - } - } - $.extend (opt, thumbSel); - if (opt.slideTimer < 2000) - opt.slideTimer = 2000; - var actualImg; - var actualThumb; - var thumbUnsel = opt.thumbUnsel; - var thumbOver = opt.thumbOver; - $ (this).hide (); - - // GETTING THE ELEMENTS FOR THE GALLERY FROM THE PAGE - var thumbs = $ (this).find (opt.thumbnailSelector); - var full = $ (this).find (opt.imageSelector); - var imgDesc = $ (this).find (opt.descSelector); - - $ (this).empty (); - if (opt.startFrom == "random") - opt.startFrom = Math.floor (Math.random () * full.length); - - function preloadImg(i) { - $ (thumbloading).find ("img").attr ("src", ""+opt.iconFolder+"/loader.gif"); - var IMG_URL = $ (full [i]).attr ("src"); - var IMGOBJ = new Image (); - IMGOBJ.onload = function () - { - $ (thumbloading).find ("img").attr ("src", ""+opt.iconFolder+"/loaded.gif"); - changePhoto (i); - }; - IMGOBJ.onerror = function () - { - //alert ("can't load " + IMG_URL) - }; - IMGOBJ.src = IMG_URL; - } - - var thumbPos = ""; - var pos; - function setThumbPos(w) { - switch (opt.thumbStripPos) - { - case "left" : - return pos = 0; - break; - case "center" : - return pos = ((w / 2) - (opt.thumbStripWidth / 2)); - break; - case "right" : - return pos = (w - opt.thumbStripWidth); - break; - default: - return pos = 0; - break; - } - }; - thumbPos = setThumbPos (opt.galleryWidth); - - $ (this).parent().append ("<table cellpadding='0' cellspacing='0' height='"+opt.galleryHeight+"'><tr><td id ='gallery_"+galleryId+"'></td></tr></table>"); - var galleryContainer= $ (this).parent().find('#gallery_'+galleryId); - $ (galleryContainer).css( - { - border : opt.galleryFrameBorder + "px solid " + opt.galleryFrameColor, - background: opt.galleryColor - }) - $ (galleryContainer).append(this); - - // CREATE THE GALLERY STRUCTURE FOR FULLSIZE IMAGES - $ (this).append ("<div class='FullImg'></div>"); - var fullImageArea = $ (this).find (" .FullImg"); - - // CREATE THE GALLERY STRUCTURE FOR THUMBS IMAGES - var headerH = opt.labelHeight > 0?opt.labelHeight : opt.galleryFrameBorder; - - $ (this).removeAttr ("title"); - - // thumbnail container - $ (galleryContainer).prepend ("<div class='thumbBox'></div>"); - var thumbBox = $ (galleryContainer).find (" .thumbBox"); - - //thumbnail navigator - $ (thumbBox).prepend ("<div class='header'><table cellpadding='0' cellspacing='0'><td class='thumbWinBtn pointer' ></td><td class='spacer' ></td><td class='slideShow pointer' ></td><td class='spacer' ></td><td class='prev pointer' ></td><td class='next pointer' ></td><td class='spacer' ></td><td class='loader'></td><td class='indexLabel' nowrap></td></div>"); - var header = $ (thumbBox).find (" .header"); - - var thumbWinBtn = $ (header).find (".thumbWinBtn"); - $ (thumbWinBtn).append ("<img src='"+opt.iconFolder+"/thumb.gif' class='thumbIco'>"); - - var slideShow = $ (header).find (".slideShow"); - $ (slideShow).append ("<img src='"+opt.iconFolder+"/play.gif' class='slideIco'>"); - - var thumbloading = $ (header).find (".loader"); - $ (thumbloading).append ("<img src='"+opt.iconFolder+"/loaded.gif'>"); - - var spacer = $ (header).find (".spacer"); - $ (spacer).append ("<img src='"+opt.iconFolder+"/separator.gif'>"); - - var next = $ (header).find (".next"); - $ (next).append ("<img src='"+opt.iconFolder+"/next.gif'>"); - - var prev = $ (header).find (".prev"); - $ (prev).append ("<img src='"+opt.iconFolder+"/prev.gif'>"); - - var indexLabel = $ (thumbBox).find (" .indexLabel").html ((opt.startFrom + 1) + ".<b>" + full.length + "</b>"); - - //Thumbnails - $ (thumbBox).append ("<div class='ThumbImg'></div>"); - var thumbImages = $ (thumbBox).find (" .ThumbImg"); - $ (thumbImages).prepend ($ (thumbs)); - - - $ (thumbBox).append("<div class='descriptionBox'></div>"); - var descriptionBox= $ (galleryContainer).find(".descriptionBox"); - $ (descriptionBox).css( - { - position:"absolute", - padding: 10, - zIndex:0, - opacity: opt.headerOpacity, - width : opt.thumbStripWidth-20 - }) - - - $ (this).css ( - { - width : opt.galleryWidth, - height : opt.galleryHeight, - overflow : "hidden" - }); - - $ (thumbs).css ( - { - width : opt.thumbHeight, - padding : "0px", - border: "1px solid "+opt.labelColor, - cursor : "pointer" - }); - - $ (thumbBox).css ( - { - textAlign : "left", - zindex : 1000, - marginTop : "-" + headerH + "px", - position : "absolute", - width : opt.thumbStripWidth + "px", - marginLeft : thumbPos + "px", - zIndex:10000 - }); - - $ (thumbImages).css ( - { - opacity :opt.headerOpacity, - backgroundColor : opt.thumbStripColor, - border: "2px solid "+ opt.labelColor - }); - - $ (header).css ( - { - opacity : opt.headerOpacity, - textAlign : "left", - color : opt.labelTextColor, - padding : "0px", - border : "0px", - height : headerH - }); - - $ ("td", header).css ( - { - background : opt.labelColorDisactive, - padding : "2px", - paddingRight : "10px", - height:headerH, - color : opt.labelTextColor, - fontFamily : "Verdana, Arial", - fontSize : opt.labelTextSize - }); - - $ (".pointer").css ( - { - cursor : "pointer" - }); - - jQuery.fn.extend ( - { - getW : function () { - var ow = $ (this).width (); - if (opt.galleryMaxWidth > 0 && ow > opt.galleryMaxWidth) { - $ (this).attr ("width", opt.galleryMaxWidth); - ow = opt.galleryMaxWidth; - } - return ow; - } - }); - function changePhoto (i) { - $ (descriptionBox).fadeTo (opt.fadeTime, 0); - $ (fullImageArea).fadeTo (opt.fadeTime, 0, function () { - //replacing the image - $ (this).html (full [i]); - $(descriptionBox).html(imgDesc[i]); - //showing the new image - setTimeout (function () { - $ (fullImageArea).fadeTo (opt.fadeTime, 1) - $ (descriptionBox).fadeTo (opt.fadeTime, .8); - }, opt.fadeTime); - // if autosize option resize the image frame - if (opt.autoSize) { - //if a maxWith is set resize the image width - var w = $ (full [i]).getW (); - //resize frame - $ (gallery).animate ( - { - height : full [i].offsetHeight, - width : w - }, opt.fadeTime); - //if the thumbstrip has no width set the width according ti the frame width - if (opt.thumbStripWidth == opt.galleryWidth) { - $ (thumbBox).animate ( - { - width : full [i].offsetWidth - }, - opt.fadeTime) - } else { - // if the thumbstrip has a width reposition it according to the image width - var l = setThumbPos ($ (full [i]).width ()); - $ (thumbBox).animate ( - { - marginLeft : l - }, opt.fadeTime); - } - } - }); - //redefine the indexLabeles - $ (actualThumb).css (thumbUnsel); - actualImg = full [i]; - actualThumb = thumbs [i]; - $ (actualThumb).css (opt.thumbSel); - $ (indexLabel).html (i +1 + ".<b>" + full.length + "</b>"); - } - thumbs.each (function (i) { - $ (this).click (function () { - x = i; - stopShow (); - preloadImg (i); - setTimeout(function(){$ (thumbImages).hide (500);},500) - }) - }) - $ (this).show (); - - // EVENTS - var hideTumb, thumbOpen, headerMO; - $ (thumbWinBtn).click (function () { - if ( !thumbOpen) { - $ (thumbImages).show (500); - thumbOpen = true; - } else { - $ (thumbImages).hide (500); - thumbOpen = false; - } - stopShow (); - }) - $ (fullImageArea).click (function () { - stopShow (); - }); - $ (fullImageArea).dblclick (function () { - startShow (); - }); - $ (thumbBox).mouseover (function () { - clearTimeout (hideTumb); - clearTimeout (headerMO); - $ ("td", header).css ({opacity :opt.headerOpacity, background: opt.labelColor}) - clearTimeout (closeThumbStrip); - }) - - $ (thumbBox).mouseout (function () { - headerMO=setTimeout(function(){ - $ ("td", header).css ({opacity :opt.headerOpacity, background: opt.labelColor}) - },100) - hideTumb = setTimeout (function () { - $ (thumbImages).hide (500); - thumbOpen = false; - }, 1000); - }) - $ (thumbs).mouseover (function () { - if (this != actualThumb) { - $ (this).css (thumbOver) - } - }) - $ (thumbs).mouseout (function () { - if (this != actualThumb) { - $ (this).css (thumbUnsel) - } - }); - $ (slideShow).click (function () { - startSlide = ! startSlide; - if (startSlide) { - startShow (); - } else - stopShow (); - }) - var goOn; - $ (next).click ( function () { - stopShow (); - clearTimeout (goOn); - x += 1; - goOn = setTimeout (function () { - if (x >= full.length) x = 0; - preloadImg (x); - }, 200); - }) - $ (prev).click ( function () { - stopShow (); - clearTimeout (goOn); - x -= 1; - goOn = setTimeout (function () { - if (x < 0) x = full.length - 1; - preloadImg (x); - }, 200); - }) - - actualImg = full [opt.startFrom]; - $ (thumbs).css (thumbUnsel); - actualThumb = thumbs [opt.startFrom]; - $ (actualThumb).css (thumbSel); - var closeThumbStrip = setTimeout (function () { - $ (thumbImages).hide (500) - }, 2000); - var slideShowTimer, x = opt.startFrom, startSlide = opt.autoSlide, startShow = function () { - $ (slideShow).find ("img").attr ("src", opt.iconFolder+"/stop.gif") - if (x == full.length) - x = 0; - preloadImg (x); - slideShowTimer = setTimeout (startShow, opt.slideTimer) - x ++ - }; - function stopShow() { - clearTimeout (slideShowTimer); - $ (slideShow).find ("img").attr ("src", opt.iconFolder+"/play.gif"); - startSlide = false; - } - if (startSlide) { - setTimeout (startShow, opt.startTimer); - } else { - setTimeout (function () { - preloadImg (opt.startFrom) - }, opt.startTimer); - } - }) -}
\ No newline at end of file diff --git a/javascript/libs/jquery/plugins/mbgallery/mbGalleryBox.js b/javascript/libs/jquery/plugins/mbgallery/mbGalleryBox.js deleted file mode 100644 index 68e955d..0000000 --- a/javascript/libs/jquery/plugins/mbgallery/mbGalleryBox.js +++ /dev/null @@ -1,34 +0,0 @@ -$(function(){ - $("#g1").mbGallery( { - galleryMaxWidth:0, - galleryWidth:300, - galleryHeight:300, - galleryColor:"#333", - galleryFrameBorder: 12, - galleryFrameColor:"#fff", - - thumbStripPos: "right", - thumbStripWidth:250, - thumbSelectColor: "#fff", - thumbOverColor : "#cccccc", - thumbStripColor: "#333333", - thumbsBorder: 4, - thumbHeight:50, - headerOpacity: .8, - - labelColor: "#333333", - labelColorDisactive:"#333333", - labelTextColor: "#ffffff", - labelTextSize:"11px", - labelHeight:20, - - startFrom:0, - fadeTime: 500, - autoSlide:true, - autoSize : true, - slideTimer: 6000, - iconFolder: "icons/white", - startTimer:0 - } - )} -);
\ No newline at end of file |
