Changeset 1200696
- Timestamp:
- 07/17/2015 03:44:27 AM (11 years ago)
- Location:
- fotoexpose/trunk
- Files:
-
- 8 edited
-
css/fe_gallery.css (modified) (6 diffs)
-
fotoexpose.php (modified) (1 diff)
-
includes/views/fotoexpose-view.php (modified) (2 diffs)
-
js/fe_javascript.js (modified) (1 diff)
-
js/fe_javascript.min.js (modified) (1 diff)
-
js/jquery.fotoexpose.js (modified) (13 diffs)
-
js/jquery.fotoexpose.min.js (modified) (1 diff)
-
readme.txt (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
fotoexpose/trunk/css/fe_gallery.css
r1158403 r1200696 1 .fe-button-class { 2 background-color: #fff; 3 font-size: 14px; 4 line-height: 14px; 5 text-transform: uppercase; 6 cursor: pointer; 7 padding-top: 18px; 8 padding-bottom: 14px; 9 background-color: #3d3d3d; 10 color: #FFFFFF; 11 } 12 #fe-container { 13 background-color: #666; 14 -webkit-border-radius: 6px; 15 -moz-border-radius: 6px; 16 border-radius: 6px; 17 } 18 #fe-fotobox { 19 position: relative; 20 clear:both; 21 } 22 #fe-largePhoto { 23 display: none; 24 } 25 #fe-location { 26 display: none; 27 } 28 #fe-more { 29 display: none; 30 } 31 #fe-play { 32 display: inline-block; 33 width: 100%; 34 } 35 .fe-playing { 36 margin-right: 6px; 37 } 38 #fe-previous { 39 display: none; 40 } 41 .fe-prev-next { 42 background-color: #3d3d3d; 43 font-size: 14px; 44 line-height: 14px; 45 display: inline-block; 46 margin-right: auto; 47 margin-left: auto; 48 padding-top: 6px; 49 padding-left: 8px; 50 padding-bottom: 6px; 51 padding-right: 8px; 52 border-radius: 100px; 53 color: #FFFFFF; 54 } 55 #fe-thumbs { 56 display: none; 57 } 58 #fe-toolbar-center { 59 text-align: center; 60 width: 50%; 61 display: inline-block; 62 } 63 #fe-toolbar-left { 64 text-align: center; 65 width: 25%; 66 display: inline-block; 67 } 68 #fe-toolbar-right { 69 text-align: center; 70 width: 25%; 71 display: inline-block; 72 } 73 #fe-viewer { 74 background-repeat: no-repeat; 75 background-position: center center; 76 } 77 78 @media (min-width: 768px) { 79 .fe-button-class { 80 color: #000000; 81 cursor: pointer; 82 display: inline-block; 83 -moz-box-shadow: 1px 1px 2px #666; 84 box-shadow: 1px 1px 2px #666; 85 -moz-border-radius: 6px; 86 border-radius: 6px; 87 background-color: #bbbbbb; 88 padding: 6px 9px 4px 9px; 89 font-size: 12px; 90 line-height: 10px; 91 text-transform: uppercase; 92 margin-right: 6px; 93 margin-left: 6px; 94 max-width: 96px; 95 } 1 96 #fe-container { 2 97 padding: 12px; … … 5 100 -moz-border-radius: 6px; 6 101 border-radius: 6px; 7 }8 #fe-fotobox {9 position: relative;10 clear:both;11 }12 #fe-thumbs {13 text-align: left;14 position: relative;15 height: auto;16 width: 100%;17 overflow: hidden;18 }19 .fe-thumbs {20 margin-left: 3px;21 margin-right: 3px;22 border-radius: 6px;23 box-sizing: border-box;24 box-shadow: 2px 2px 2px rgba(0,0,0,.4);25 }26 #fe-location {27 position: relative;28 width: 100%;29 height: 4px;30 overflow: hidden;31 }32 #fe-toolbar-left {33 text-align: left;34 width: 70%;35 box-sizing: content-box;36 display: inline-block;37 }38 #fe-toolbar-right {39 text-align: right;40 width: 30%;41 box-sizing: content-box;42 display: inline-block;43 102 } 44 103 #fe-current { … … 55 114 background-color: #4E4E4E 56 115 } 116 #fe-fotobox { 117 position: relative; 118 clear:both; 119 } 120 .fe-loader { 121 background-repeat: no-repeat; 122 background-attachment: scroll; 123 background-position: center center; 124 width: auto; 125 height: 144px 126 } 127 .fe-loaded { 128 background-position: center -360px; 129 background-repeat: no-repeat; 130 } 131 #fe-location { 132 display: block; 133 position: relative; 134 width: 100%; 135 height: 4px; 136 overflow: hidden; 137 } 138 #fe-largePhoto { 139 display: none; 140 } 141 .fe-largeshadow { 142 -moz-box-shadow: 6px 6px 12px rgba(0,0,0,.3); 143 box-shadow: 6px 6px 12px rgba(0,0,0,.45); 144 border: solid 6px #ddd; 145 box-sizing: border-box; 146 } 147 #fe-more { 148 display: inline-block; 149 } 150 .fe-playing { 151 margin-top: 1px; 152 margin-right: 6px; 153 float: left ; 154 display: none; 155 } 156 #fe-previous { 157 display: block; 158 } 159 .fe-prev-next { 160 display: none; 161 } 162 #fe-showName { 163 width: inherit; 164 color: #999; 165 text-align: center; 166 font-size: 12px; 167 } 168 #fe-thumbs { 169 text-align: left; 170 position: relative; 171 height: auto; 172 width: 100%; 173 overflow: hidden; 174 display: block; 175 } 176 .fe-thumbs { 177 margin-left: 3px; 178 margin-right: 3px; 179 border-radius: 6px; 180 box-sizing: border-box; 181 box-shadow: 2px 2px 2px rgba(0,0,0,.4); 182 } 183 #fe-toolbar-left { 184 text-align: left; 185 width: 25%; 186 box-sizing: content-box; 187 display: inline-block; 188 } 189 #fe-toolbar-center { 190 text-align: center; 191 width: 50%; 192 box-sizing: content-box; 193 display: inline-block; 194 } 195 #fe-toolbar-right { 196 text-align: right; 197 width: 25%; 198 box-sizing: content-box; 199 display: inline-block; 200 } 201 #fe-viewer { 202 text-align: center; 203 clear: both; 204 min-height:240px; 205 padding-top: 24px; 206 } 207 208 /* 209 #fe-container { 210 padding: 12px; 211 212 } 213 #fe-thumbs { 214 text-align: left; 215 position: relative; 216 height: auto; 217 width: 100%; 218 overflow: hidden; 219 display: block; 220 } 221 .fe-thumbs { 222 margin-left: 3px; 223 margin-right: 3px; 224 border-radius: 6px; 225 box-sizing: border-box; 226 box-shadow: 2px 2px 2px rgba(0,0,0,.4); 227 } 228 229 #fe-location { 230 position: relative; 231 width: 100%; 232 height: 4px; 233 overflow: hidden; 234 } 235 #fe-toolbar-left { 236 text-align: left; 237 width: 70%; 238 box-sizing: content-box; 239 display: inline-block; 240 } 241 #fe-toolbar-right { 242 text-align: right; 243 width: 30%; 244 box-sizing: content-box; 245 display: inline-block; 246 } 247 #fe-current { 248 background-color: #c00; 249 height: 4px 250 } 251 .fe-caption { 252 position: absolute; 253 top: 72px; 254 left: 12px; 255 font-size: 12px; 256 color: #ccc; 257 padding: 6px; 258 background-color: #4E4E4E 259 } 57 260 #fe-viewer { 58 261 text-align: center; … … 79 282 padding: 4px 9px 2px; 80 283 font-size: 10px; 81 font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;82 284 line-height: 10px; 83 285 text-transform: uppercase; … … 94 296 #fe-previous { 95 297 padding-left: 6px; 96 }97 #fe-play {98 99 298 } 100 299 .fe-playing { … … 146 345 font-size: 12px; 147 346 } 347 #fe-toolbar-right { 348 text-align: right; 349 width: 50%; 350 } 148 351 .testCSS { 149 352 color: red; 150 } 353 } */ 354 } -
fotoexpose/trunk/fotoexpose.php
r1161540 r1200696 4 4 Plugin URI: http://www.rgbmedium.com 5 5 Description: A simple and clean way to show off your images. No need for people to page through your gallery as FotoExposé keeps it all on one page. A thumbnail indicator lets users know exactly what image they are viewing. FotoExposé has a automatic slideshow displaying each image at a specific interval. Your images deserve the best presentation and we think you are going to love FotoExposé, 6 Version: 1.0. 2.06 Version: 1.0.3.0 7 7 Author: RGB Medium 8 8 Author URI: www.linkedin.com/pub/mark-tank/42/93/7b4/ -
fotoexpose/trunk/includes/views/fotoexpose-view.php
r1158403 r1200696 6 6 7 7 public static function render($thumbs) { 8 9 $playgif = plugins_url('../images/play.gif', __FILE__); 10 11 $loading = plugins_url('../images/loading.gif', __FILE__); 8 12 9 13 $html = "<div id=\"fe-container\"> … … 17 21 <div id=\"fe-toolbar-left\"> 18 22 <div id=\"fe-previous\" class=\"fe-button-class\">Previous</div> 23 <div id=\"fe-previous-image\" class=\"fe-button-class fe-prev-next\"><</div> 24 </div><div id=\"fe-toolbar-center\"> 25 <div id=\"fe-play\" class=\"fe-button-class\"> 26 <img src=\"$playgif\" alt=\"playing\" class=\"fe-playing\" /><span id=\"fe-playtext\">Play</span> 27 </div> 19 28 </div><div id=\"fe-toolbar-right\"> 20 <div id=\"fe-play\" class=\"fe-button-class\">21 <img src=\"plugins_url('../images/play.gif', __FILE__)\" alt=\"playing\" class=\"fe-playing\" /><span id=\"fe-playtext\">Play</span>22 </div>23 29 <div id=\"fe-more\" class=\"fe-button-class\">More</div> 30 <div id=\"fe-next-image\" class=\"fe-button-class fe-prev-next\">></div> 24 31 </div> 25 <div id=\"fe-viewer\" class=\"fe-loader\" style=\"background-image: url(plugins_url('../images/loading.gif', __FILE__));\" >32 <div id=\"fe-viewer\" class=\"fe-loader\" style=\"background-image:url($loading)\" > 26 33 <img src=\"\" id=\"fe-largePhoto\" class=\"fe-largeshadow\"/> 27 34 </div> -
fotoexpose/trunk/js/fe_javascript.js
r1158403 r1200696 1 (function($) {2 $(window).load(function() {3 $(document).ready(function() {4 $('#fe-thumbs').fotoexpose({'effects':'fe-largeshadow'});1 jQuery(function() { 2 jQuery(window).load(function() { 3 jQuery(document).ready(function() { 4 jQuery('#fe-thumbs').fotoexpose({'effects':'fe-largeshadow'}); 5 5 }); 6 6 }) 7 }) (jQuery);7 }); -
fotoexpose/trunk/js/fe_javascript.min.js
r1158403 r1200696 1 (function($) { $(window).load(function() { $(document).ready(function() { $('#fe-thumbs').fotoexpose({'effects':'fe-largeshadow'}); }); }) })(jQuery);1 jQuery(function() { jQuery(window).load(function() { jQuery(document).ready(function() {jQuery('#fe-thumbs').fotoexpose({'effects':'fe-largeshadow'});});})}); -
fotoexpose/trunk/js/jquery.fotoexpose.js
r1158403 r1200696 5 5 */ 6 6 7 (function($) { 8 9 $.fn.fotoexpose = function(options) { 7 (function(jQuery) { 8 jQuery.fn.fotoexpose = function(options) { 10 9 var defaults = { 11 10 increment: "", // how far the slider moves … … 15 14 viewer: '#fe-viewer', // what tag is the viewer 16 15 largePath: "gallery/largePhotos/", // the path of the large images 16 mobileWidth: 768, 17 17 modwidth: true, //set whether the indicator changes size 18 18 loaderClass: 'fe-loader', // the class for the load image … … 22 22 effects: '', // class for the large image 23 23 }; 24 var options = $.extend(defaults, options);24 var options = jQuery.extend(defaults, options); 25 25 26 26 this.each(function() { 27 var currentInd = jQuery("#fe-current"); 28 var photoBox = jQuery(this); 29 var slider = photoBox.find('div:first-child'); 30 var currentThumb = slider.find("img:first-child"); 31 var firstThumb = slider.find("img:first-child"); 27 32 var interval; 33 var largePhoto = jQuery("#largePhoto"); 34 var lastThumb = slider.find("img:last-child"); 35 var loaderClassImg = jQuery("."+options.loaderClass).css('background-image'); 36 var locationBar = jQuery("#fe-location"); 37 var more = jQuery('#fe-more'); 38 var playclass = jQuery('.fe-playing'); 28 39 var playing = false; 29 var photoBox = $(this); 30 var thumbs = $("#fe-thumbs"); 31 var slider = photoBox.find('div:first-child'); 32 var currentInd = $("#fe-current"); 33 var locationBar = $("#fe-location"); 34 var viewer = $("#fe-viewer"); 35 var more = $('#fe-more'); 36 var previous = $('#fe-previous'); 37 var currentThumb = slider.find("img:first-child"); 38 var playtext = $('#fe-playtext'); 39 var playclass = $('.fe-playing'); 40 var largePhoto = $("#largePhoto"); 41 var loaderClassImg = $("."+options.loaderClass).css('background-image'); 40 var playtext = jQuery('#fe-playtext'); 41 var previous = jQuery('#fe-previous'); 42 var screenWidth = screen.width; 42 43 var thumbWidth = (options.thumbWidth < 1) ? fitToScreen(currentThumb.width()) : options.thumbWidth; 43 var firstThumb = slider.find("img:first-child");44 var lastThumb = slider.find("img:last-child");44 var thumbs = jQuery("#fe-thumbs"); 45 var viewer = jQuery("#fe-viewer"); 45 46 options.increment = (options.increment > 0 ) ? options.increment : thumbWidth ; 46 47 … … 61 62 var num = Math.floor(slider.width() / photoBox.width()); 62 63 var leftStop = (num * photoBox.width()) * -1; 63 64 64 more.click(showMore); 65 65 … … 90 90 } 91 91 92 $("img",thumbs).click(function() {92 jQuery("img",thumbs).click(function() { 93 93 if(playing) { 94 94 return false; 95 95 } 96 96 // set the variable of images clicked 97 currentThumb = $(this);97 currentThumb = jQuery(this); 98 98 //move indicator to selected image 99 99 moveIndecator(this); 100 loadImage( $(this));101 }); 102 103 $('#fe-play').click(function() {100 loadImage(jQuery(this)); 101 }); 102 103 jQuery('#fe-play').click(function() { 104 104 if(playing) { 105 105 playtext.addClass('shutdown'); 106 //stopSS();107 106 playing = false; 107 stopSS(); 108 108 } 109 109 else { … … 124 124 currentThumb = firstThumb; 125 125 moveIndecator(currentThumb); 126 more.show(); 126 if(screenWidth > mobileWidth) { 127 more.show(); 128 } 127 129 previous.hide(); 128 130 playing = false; … … 136 138 showMore(); 137 139 } 138 slideshow();139 140 },options.slideshow); 140 141 } 141 142 142 143 function stopSS() { 144 self.clearTimeout(interval); 143 145 playtext.removeClass('shutdown'); 144 146 playtext.text('Play'); … … 146 148 } 147 149 148 $(window).keydown(function(e) {150 jQuery(window).keydown(function(e) { 149 151 if(playing) { 150 152 return false; 151 153 } 152 154 153 if(e.which == 37 ) {155 if(e.which == 37 && playing !== true) { 154 156 currentThumb = (currentThumb.prev().length) ? currentThumb.prev() : currentThumb; 155 157 keyMove(); 156 158 } 157 if(e.which == 39 ) {159 if(e.which == 39 && playing !== true) { 158 160 currentThumb = (currentThumb.next().length) ? currentThumb.next() : currentThumb; 159 161 keyMove(); … … 161 163 }); 162 164 165 jQuery("#fe-previous-image").click(function() { 166 if(playing !== true) { 167 currentThumb = (currentThumb.prev().length) ? currentThumb.prev() : currentThumb; 168 keyMove(); 169 } 170 }); 171 172 jQuery("#fe-next-image").click(function() { 173 if(playing !== true) { 174 currentThumb = (currentThumb.next().length) ? currentThumb.next() : currentThumb; 175 keyMove(); 176 } 177 }); 178 163 179 function keyMove() { 164 180 loadImage(currentThumb); … … 174 190 175 191 function moveIndecator(el) { 176 var thumbLeft = $(el).offset().left - thumbs.offset().left;192 var thumbLeft = jQuery(el).offset().left - thumbs.offset().left; 177 193 if(options.modwidth == true) { 178 currentInd.animate({"left": thumbLeft+"px","width": $(el).width()+"px"},options.locationSpeed);194 currentInd.animate({"left": thumbLeft+"px","width":jQuery(el).width()+"px"},options.locationSpeed); 179 195 } 180 196 else { … … 187 203 var total = 0; 188 204 el.find('img').each(function() { 189 total += $(this).outerWidth(true);205 total += jQuery(this).outerWidth(true); 190 206 }); 191 207 return total; … … 193 209 194 210 function fitToScreen(thumb) { 195 var ww = $('#fe-fotobox').width();211 var ww = jQuery('#fe-fotobox').width(); 196 212 var div = Math.floor(ww / thumb); 197 213 return div * thumb; … … 209 225 function loadImage(el) { 210 226 var src = el.attr("fe-full"); 211 $(options.viewer).find('img').remove('img');212 $(options.viewer).addClass(options.loaderClass);227 jQuery(options.viewer).find('img').remove('img'); 228 jQuery(options.viewer).addClass(options.loaderClass); 213 229 img = new Image(); 214 $(img).load(function() {215 $(img).hide();216 $(options.viewer).removeClass(options.loaderClass).addClass(options.loadedClass).append(img);217 var dimension = scaleLarge( $(img))218 $(img).css({'width': dimension.width,'height':dimension.height,'margin-right':'auto','margin-left':'auto'});219 $(options.viewer).css({'height':dimension.height+24});220 $(img).stop(true,true).fadeIn(options.fade);230 jQuery(img).load(function() { 231 jQuery(img).hide(); 232 jQuery(options.viewer).removeClass(options.loaderClass).addClass(options.loadedClass).append(img); 233 var dimension = scaleLarge(jQuery(img)) 234 jQuery(img).css({'width': dimension.width,'height':dimension.height,'margin-right':'auto','margin-left':'auto'}); 235 jQuery(options.viewer).css({'height':dimension.height+24}); 236 jQuery(img).stop(true,true).fadeIn(options.fade); 221 237 if(playing) { 222 238 startSS(); -
fotoexpose/trunk/js/jquery.fotoexpose.min.js
r1158403 r1200696 1 !function(e){e.fn.fotoexpose=function(t){var i={increment:"",fade:1e3,sliderSpeed:800,locationSpeed:600,viewer:"#fe-viewer",largePath:"gallery/largePhotos/",mo dwidth:!0,loaderClass:"fe-loader",loadedClass:"fe-loaded",thumbWidth:"",slideshow:4e3,effects:""},t=e.extend(i,t);return this.each(function(){function i(){var e=g.css("left").replace(/\D/g,"");e>O&&(g.animate({left:"-="+t.increment+"px"},t.sliderSpeed,function(){g.css("left").replace("px","")<=O&&x.fadeOut("fast"),b&&f(b)}),C.fadeIn("fast"))}function d(){g.css("left").replace("px","")<0&&(backto=-1*g.css("left").replace("px",""),backto-=t.increment,g.animate({left:"+="+t.increment+"px"},t.sliderSpeed,function(){g.css("left").replace("px","")>=0&&C.fadeOut("fast"),x.fadeIn("fast"),b&&f(b)}))}function n(){k.text("Stop"),y.show(),c=self.setTimeout(function(){return(b=b.next().length?b.next():!1)?(r(b),idc=f(b),idc>W-P&&i(),void slideshow()):(k.text("Play"),y.hide(),g.css({left:0}),b=I,f(b),x.show(),C.hide(),u=!1,r(b),!1)},t.slideshow)}function s(){k.removeClass("shutdown"),k.text("Play"),y.hide()}function a(){r(b),f(b),idc=f(b),idc>W-P?i():idc<1&&d()}function f(i){var d=e(i).offset().left-m.offset().left;return 1==t.modwidth?p.animate({left:d+"px",width:e(i).width()+"px"},t.locationSpeed):p.animate({left:d+"px"},t.locationSpeed),d}function o(t){var i=0;return t.find("img").each(function(){i+=e(this).outerWidth(!0)}),i}function h(t){var i=e("#fe-fotobox").width(),d=Math.floor(i/t);return d*t}function l(e){var t=v.width()<e.width()?v.width()/e.width():1,i={width:e.width()*t,height:e.height()*t};return i}function r(i){var d=i.attr("fe-full");e(t.viewer).find("img").remove("img"),e(t.viewer).addClass(t.loaderClass),img=new Image,e(img).load(function(){e(img).hide(),e(t.viewer).removeClass(t.loaderClass).addClass(t.loadedClass).append(img);var i=l(e(img));e(img).css({width:i.width,height:i.height,"margin-right":"auto","margin-left":"auto"}),e(t.viewer).css({height:i.height+24}),e(img).stop(!0,!0).fadeIn(t.fade),u?n():s()}).attr("src",d).stop(!0,!0).fadeIn(t.fade).addClass(t.effects)}{var c,u=!1,w=e(this),m=e("#fe-thumbs"),g=w.find("div:first-child"),p=e("#fe-current"),v=(e("#fe-location"),e("#fe-viewer")),x=e("#fe-more"),C=e("#fe-previous"),b=g.find("img:first-child"),k=e("#fe-playtext"),y=e(".fe-playing"),S=e("#largePhoto"),W=(e("."+t.loaderClass).css("background-image"),t.thumbWidth<1?h(b.width()):t.thumbWidth),I=g.find("img:first-child");g.find("img:last-child")}t.increment=t.increment>0?t.increment:W;var P=g.find("img:first-child").width();p.css({position:"relative",left:b.offset().left-m.offset().left,width:P+"px"}),m.css({height:b.height()+4+"px"}),sliderWidth=o(g),g.css({position:"absolute",left:"0",width:sliderWidth}),C.hide(),S.hide(),g.width()<w.width()&&x.hide(),r(b);var M=Math.floor(g.width()/w.width()),O=M*w.width()*-1;x.click(i),C.click(d),e("img",m).click(function(){return u?!1:(b=e(this),f(this),void r(e(this)))}),e("#fe-play").click(function(){u?(k.addClass("shutdown"),u=!1):(n(),u=!0)}),e(window).keydown(function(e){return u?!1:(37==e.which&&(b=b.prev().length?b.prev():b,a()),void(39==e.which&&(b=b.next().length?b.next():b,a())))})}),this}}(jQuery);1 !function(e){e.fn.fotoexpose=function(t){var i={increment:"",fade:1e3,sliderSpeed:800,locationSpeed:600,viewer:"#fe-viewer",largePath:"gallery/largePhotos/",mobileWidth:768,modwidth:!0,loaderClass:"fe-loader",loadedClass:"fe-loaded",thumbWidth:"",slideshow:4e3,effects:""},t=e.extend(i,t);return this.each(function(){function i(){var e=g.css("left").replace(/\D/g,"");e>T&&(g.animate({left:"-="+t.increment+"px"},t.sliderSpeed,function(){g.css("left").replace("px","")<=T&&x.fadeOut("fast"),w&&s(w)}),y.fadeIn("fast"))}function n(){g.css("left").replace("px","")<0&&(backto=-1*g.css("left").replace("px",""),backto-=t.increment,g.animate({left:"+="+t.increment+"px"},t.sliderSpeed,function(){g.css("left").replace("px","")>=0&&y.fadeOut("fast"),x.fadeIn("fast"),w&&s(w)}))}function d(){k.text("Stop"),C.show(),c=self.setTimeout(function(){return(w=w.next().length?w.next():!1)?(r(w),idc=s(w),void(idc>S-M&&i())):(k.text("Play"),C.hide(),g.css({left:0}),w=p,s(w),W>mobileWidth&&x.show(),y.hide(),b=!1,r(w),!1)},t.slideshow)}function f(){self.clearTimeout(c),k.removeClass("shutdown"),k.text("Play"),C.hide()}function a(){r(w),s(w),idc=s(w),idc>S-M?i():idc<1&&n()}function s(i){var n=e(i).offset().left-I.offset().left;return 1==t.modwidth?u.animate({left:n+"px",width:e(i).width()+"px"},t.locationSpeed):u.animate({left:n+"px"},t.locationSpeed),n}function o(t){var i=0;return t.find("img").each(function(){i+=e(this).outerWidth(!0)}),i}function h(t){var i=e("#fe-fotobox").width(),n=Math.floor(i/t);return n*t}function l(e){var t=P.width()<e.width()?P.width()/e.width():1,i={width:e.width()*t,height:e.height()*t};return i}function r(i){var n=i.attr("fe-full");e(t.viewer).find("img").remove("img"),e(t.viewer).addClass(t.loaderClass),img=new Image,e(img).load(function(){e(img).hide(),e(t.viewer).removeClass(t.loaderClass).addClass(t.loadedClass).append(img);var i=l(e(img));e(img).css({width:i.width,height:i.height,"margin-right":"auto","margin-left":"auto"}),e(t.viewer).css({height:i.height+24}),e(img).stop(!0,!0).fadeIn(t.fade),b?d():f()}).attr("src",n).stop(!0,!0).fadeIn(t.fade).addClass(t.effects)}var c,u=e("#fe-current"),m=e(this),g=m.find("div:first-child"),w=g.find("img:first-child"),p=g.find("img:first-child"),v=e("#largePhoto"),x=(g.find("img:last-child"),e("."+t.loaderClass).css("background-image"),e("#fe-location"),e("#fe-more")),C=e(".fe-playing"),b=!1,k=e("#fe-playtext"),y=e("#fe-previous"),W=screen.width,S=t.thumbWidth<1?h(w.width()):t.thumbWidth,I=e("#fe-thumbs"),P=e("#fe-viewer");t.increment=t.increment>0?t.increment:S;var M=g.find("img:first-child").width();u.css({position:"relative",left:w.offset().left-I.offset().left,width:M+"px"}),I.css({height:w.height()+4+"px"}),sliderWidth=o(g),g.css({position:"absolute",left:"0",width:sliderWidth}),y.hide(),v.hide(),g.width()<m.width()&&x.hide(),r(w);var O=Math.floor(g.width()/m.width()),T=O*m.width()*-1;x.click(i),y.click(n),e("img",I).click(function(){return b?!1:(w=e(this),s(this),void r(e(this)))}),e("#fe-play").click(function(){b?(k.addClass("shutdown"),b=!1,f()):(d(),b=!0)}),e(window).keydown(function(e){return b?!1:(37==e.which&&b!==!0&&(w=w.prev().length?w.prev():w,a()),void(39==e.which&&b!==!0&&(w=w.next().length?w.next():w,a())))}),e("#fe-previous-image").click(function(){b!==!0&&(w=w.prev().length?w.prev():w,a())}),e("#fe-next-image").click(function(){b!==!0&&(w=w.next().length?w.next():w,a())})}),this}}(jQuery); -
fotoexpose/trunk/readme.txt
r1163065 r1200696 5 5 Requires at least: 4.1.1 6 6 Tested up to: 4.1.1 7 Stable tag: 1.0. 2.07 Stable tag: 1.0.3.0 8 8 License: GPLv2 or later 9 9 … … 30 30 31 31 version 1.0.2.0 added the ability to an image from different attachment page id 32 version 1.0.3.0 adds a more mobile friendly layout
Note: See TracChangeset
for help on using the changeset viewer.