images/prettyPhoto/dark_rounded/sprite.png images/prettyPhoto/dark_square/sprite.png images/prettyPhoto/light_rounded/sprite.png images/prettyPhoto/light_square/.DS_Store images/prettyPhoto/light_square/btnNext.png images/prettyPhoto/light_square/btnPrevious.png images/prettyPhoto/light_square/loader.gif images/prettyPhoto/light_square/sprite.png @@ -2,41 +2,58 @@ This you can edit. ------------------------------------------------------------------------- */ - div.pp_pic_holder .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */ - div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ - div.pp_pic_holder .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */ + div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ + div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ + div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ - div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */ - div.pp_pic_holder .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ - div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ - div.pp_pic_holder .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ - div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ - div.pp_pic_holder .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ - div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ - div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */ + div.light_rounded .pp_content { background-color: #fff; } /* Content background */ + div.light_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ + div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ + div.light_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ + div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ + div.light_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ + div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ + div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ - div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */ - div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */ + div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ + div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } + div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ + div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } - div.pp_pic_holder .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */ - div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ - div.pp_pic_holder .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */ + div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ + div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ + div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ - div.pp_pic_holder .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ + div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ - div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */ + div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ - div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */ - div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */ - div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ - div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */ + div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ + div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ + div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ + div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ + div.dark_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ + div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ + div.dark_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ + div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ + div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } + + div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ + div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } + div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ + div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } + + div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ + div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ + div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ + div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ @@ -54,6 +71,16 @@ div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ + + div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ + + div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ + div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } + div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ + div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } + + div.dark_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ + div.dark_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- @@ -67,6 +94,16 @@ div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } + + div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ + + div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ + div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } + div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ + div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } + + div.light_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ + div.light_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ @@ -128,7 +165,7 @@ margin: 3px 0 0 0; } - div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; } + div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { @@ -139,8 +176,6 @@ text-indent: -10000px; margin-top: 3px; } - - div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; css/prettyPhoto.css @@ -2,7 +2,7 @@ Class: prettyPhoto Use: Lightbox clone for jQuery Author: Stephane Caron (http://www.no-margin-for-errors.com) - Version: 2.2.7 + Version: 2.3.2 ------------------------------------------------------------------------- */ var $pp_pic_holder; @@ -22,8 +22,12 @@ var $ppt; // Global elements var $caller; - var $scrollPos = _getScroll(); + + // Fallback to a supported theme for IE6 + if($.browser.msie && $.browser.version == 6 && (settings.theme == 'light_rounded' || settings.theme == 'dark_rounded' || settings.theme == 'dark_square')){ + settings.theme = "light_square"; + } $(window).scroll(function(){ _centerPicture(); $scrollPos = _getScroll(); }); $(window).resize(function(){ _centerPicture(); _resizeOverlay(); }); @@ -51,7 +55,8 @@ var $ppt; showTitle: true, /* true/false */ allowresize: true, /* true/false */ counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ - theme: 'light_rounded' /* light_rounded / dark_rounded / light_square / dark_square */ + theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square */ + callback: function(){} }, settings); $(this).each(function(){ @@ -78,16 +83,17 @@ var $ppt; // Calculate the number of items in the set, and the position of the clicked picture. isSet = false; setCount = 0; + + if($caller.attr('href').indexOf('.mov') != -1){ + pp_type = 'quicktime'; + }else if($caller.attr('href').indexOf('.swf') != -1){ + pp_type = 'flash'; + }else{ + pp_type = 'image'; + } + for (i = 0; i < imagesArray.length; i++){ if($(imagesArray[i]).attr('rel').indexOf(theGallery) != -1){ - if($caller.attr('href').indexOf('.mov') != -1){ - pp_type = 'quicktime'; - }else if($caller.attr('href').indexOf('.swf') != -1){ - pp_type = 'flash'; - }else{ - pp_type = 'image'; - } - setCount++; if(setCount > 1) isSet = true; @@ -201,15 +207,17 @@ var $ppt; function close(){ $pp_pic_holder.find('object,embed').css('visibility','hidden'); - $('div.pp_pic_holder,div.ppt').fadeOut(settings.animationSpeed, function(){ - $('div.pp_overlay').fadeOut(settings.animationSpeed, function(){ - $('div.pp_overlay,div.pp_pic_holder,div.ppt').remove(); + $('div.pp_pic_holder,div.ppt').fadeOut(settings.animationSpeed); + + $('div.pp_overlay').fadeOut(settings.animationSpeed, function(){ + $('div.pp_overlay,div.pp_pic_holder,div.ppt').remove(); + + // To fix the bug with IE select boxes + if($.browser.msie && $.browser.version == 6){ + $('select').css('visibility','visible'); + }; - // To fix the bug with IE select boxes - if($.browser.msie && $.browser.version == 6){ - $('select').css('visibility','visible'); - }; - }); + settings.callback(); }); doresize = true; @@ -372,7 +380,7 @@ var $ppt; imgPreloader.src = $caller.attr('href'); }else if(pp_type == 'quicktime'){ movie_width = parseFloat(grab_param('width',$caller.attr('href'))); - movie_height = parseFloat(grab_param('height',$caller.attr('href')))+12; + movie_height = parseFloat(grab_param('height',$caller.attr('href')))+15; pp_typeMarkup = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="'+movie_height+'" width="'+movie_width+'"><param name="src" value="'+$caller.attr('href')+'"><param name="autoplay" value="true"><param name="type" value="video/quicktime"><embed src="'+$caller.attr('href')+'" height="'+movie_height+'" width="'+movie_width+'" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>'; js/jquery.prettyPhoto.js images/prettyPhoto/dark_rounded/arrow_next.png images/prettyPhoto/dark_rounded/arrow_previous.png images/prettyPhoto/dark_rounded/bl.png images/prettyPhoto/dark_rounded/br.png images/prettyPhoto/dark_rounded/btnClose.png images/prettyPhoto/dark_rounded/btnContract.gif images/prettyPhoto/dark_rounded/btnExpand.gif images/prettyPhoto/dark_rounded/spacer.gif images/prettyPhoto/dark_rounded/tl.png images/prettyPhoto/dark_rounded/tr.png images/prettyPhoto/dark_rounded/ttl.gif images/prettyPhoto/dark_rounded/ttp.gif images/prettyPhoto/dark_rounded/ttr.gif images/prettyPhoto/dark_square/arrow_next.png images/prettyPhoto/dark_square/arrow_previous.png images/prettyPhoto/dark_square/btnClose.png images/prettyPhoto/dark_square/btnContract.gif images/prettyPhoto/dark_square/btnExpand.gif images/prettyPhoto/dark_square/spacer.gif images/prettyPhoto/light_rounded/arrow_next.png images/prettyPhoto/light_rounded/arrow_previous.png images/prettyPhoto/light_rounded/bl.gif images/prettyPhoto/light_rounded/br.gif images/prettyPhoto/light_rounded/btnClose.png images/prettyPhoto/light_rounded/btnContract.gif images/prettyPhoto/light_rounded/btnExpand.gif images/prettyPhoto/light_rounded/spacer.gif images/prettyPhoto/light_rounded/tl.gif images/prettyPhoto/light_rounded/tr.gif images/prettyPhoto/light_rounded/ttl.gif images/prettyPhoto/light_rounded/ttp.gif images/prettyPhoto/light_rounded/ttr.gif js/DD_belatedPNG_0.0.7a-min.js 3db43c63fcdc1f4d9faadf2b19cbd4f21af6c738 Stephane Caron caronstephane84@videotron.ca http://github.com/scaron/prettyphoto/commit/adf9a69236732ff551e0dece9b43cdb635f8a3a8 adf9a69236732ff551e0dece9b43cdb635f8a3a8 2009-05-15T11:58:46-07:00 2009-05-15T11:58:46-07:00 Version 2.3.2, sprites for themes, fixed a bug in single flash 665d5a0caef3458438031b70babbb5591e72145f Stephane Caron caronstephane84@videotron.ca