Gallery Bank: WordPress Photo Gallery Plugin - Version 1.7

Version Description

  • Introducing Jquery Masonry
  • Uninstall Hook Removed
Download this release

Release Info

Developer Gallery-Bank
Plugin Icon 128x128 Gallery Bank: WordPress Photo Gallery Plugin
Version 1.7
Comparing to
See all releases

Code changes from version 1.6 to 1.7

Files changed (8) hide show
  1. css/visuallightbox.css +25 -0
  2. gallery-bank.php +1 -1
  3. js/jquery.masonry.min.js +203 -0
  4. lib/front-view-album-class.php +20 -93
  5. lib/gallery-bank-class.php +9 -41
  6. readme.txt +7 -1
  7. views/front-view-albums.php +50 -104
  8. views/front_view.php +45 -96
css/visuallightbox.css CHANGED
@@ -1,3 +1,28 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  #vlb1overlay{
2
  position:absolute;
3
  top:0;
1
+ .imagecontainter {
2
+ background: #FFF;
3
+ padding: 5px;
4
+ margin-bottom: 20px;
5
+ border-radius: 5px;
6
+ clear: both;
7
+ -webkit-border-radius: 5px;
8
+ -moz-border-radius: 5px;
9
+ border-radius: 5px;
10
+ }
11
+
12
+ .centered { margin: 0 auto; }
13
+
14
+ .imgContainerSingle {
15
+ margin: 5px;
16
+ padding: 5px;
17
+ background: #D8D5D2;
18
+ font-size: 11px;
19
+ line-height: 1.4em;
20
+ float: left;
21
+ -webkit-border-radius: 5px;
22
+ -moz-border-radius: 5px;
23
+ border-radius: 5px;
24
+ }
25
+
26
  #vlb1overlay{
27
  position:absolute;
28
  top:0;
gallery-bank.php CHANGED
@@ -4,7 +4,7 @@
4
  Plugin URI: http://gallery-bank.com
5
  Description: Gallery Bank is an interactive WordPress photo gallery plugin, best fit for creative and corporate portfolio websites.
6
  Author: Gallery-Bank
7
- Version: 1.6
8
  Author URI: http://gallery-bank.com
9
  */
10
  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
4
  Plugin URI: http://gallery-bank.com
5
  Description: Gallery Bank is an interactive WordPress photo gallery plugin, best fit for creative and corporate portfolio websites.
6
  Author: Gallery-Bank
7
+ Version: 1.7
8
  Author URI: http://gallery-bank.com
9
  */
10
  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
js/jquery.masonry.min.js ADDED
@@ -0,0 +1,203 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ (function(e, t, n) {"use strict";
3
+ var r = t.event, i;
4
+ r.special.smartresize = {
5
+ setup : function() {
6
+ t(this).bind("resize", r.special.smartresize.handler)
7
+ },
8
+ teardown : function() {
9
+ t(this).unbind("resize", r.special.smartresize.handler)
10
+ },
11
+ handler : function(e, t) {
12
+ var n = this, s = arguments;
13
+ e.type = "smartresize", i && clearTimeout(i), i = setTimeout(function() {
14
+ r.dispatch.apply(n, s)
15
+ }, t === "execAsap" ? 0 : 100)
16
+ }
17
+ }, t.fn.smartresize = function(e) {
18
+ return e ? this.bind("smartresize", e) : this.trigger("smartresize", ["execAsap"])
19
+ }, t.Mason = function(e, n) {this.element = t(n), this._create(e), this._init()
20
+ }, t.Mason.settings = {
21
+ isResizable : !0,
22
+ isAnimated : !1,
23
+ animationOptions : {
24
+ queue : !1,
25
+ duration : 500
26
+ },
27
+ gutterWidth : 0,
28
+ isRTL : !1,
29
+ isFitWidth : !1,
30
+ containerStyle : {
31
+ position : "relative"
32
+ }
33
+ }, t.Mason.prototype = {
34
+ _filterFindBricks : function(e) {
35
+ var t = this.options.itemSelector;
36
+ return t ? e.filter(t).add(e.find(t)) : e
37
+ },
38
+ _getBricks : function(e) {
39
+ var t = this._filterFindBricks(e).css({
40
+ position : "absolute"
41
+ }).addClass("masonry-brick");
42
+ return t
43
+ },
44
+ _create : function(n) {this.options = t.extend(!0, {}, t.Mason.settings, n), this.styleQueue = [];
45
+ var r = this.element[0].style;
46
+ this.originalStyle = {
47
+ height : r.height || ""
48
+ };
49
+ var i = this.options.containerStyle;
50
+ for(var s in i)
51
+ this.originalStyle[s] = r[s] || "";
52
+ this.element.css(i), this.horizontalDirection = this.options.isRTL ? "right" : "left";
53
+ var o = this.element.css("padding-" + this.horizontalDirection), u = this.element.css("padding-top");
54
+ this.offset = {
55
+ x : o ? parseInt(o, 10) : 0,
56
+ y : u ? parseInt(u, 10) : 0
57
+ }, this.isFluid = this.options.columnWidth && typeof this.options.columnWidth == "function";
58
+ var a = this;
59
+ setTimeout(function() {
60
+ a.element.addClass("masonry")
61
+ }, 0), this.options.isResizable && t(e).bind("smartresize.masonry", function() {
62
+ a.resize()
63
+ }), this.reloadItems()
64
+ },
65
+ _init : function(e) {this._getColumns(), this._reLayout(e)
66
+ },
67
+ option : function(e, n) {t.isPlainObject(e) && (this.options = t.extend(!0, this.options, e))
68
+ },
69
+ layout : function(e, t) {
70
+ for(var n = 0, r = e.length; n < r; n++)
71
+ this._placeBrick(e[n]);
72
+ var i = {};
73
+ i.height = Math.max.apply(Math, this.colYs);
74
+ if(this.options.isFitWidth) {
75
+ var s = 0;
76
+ n = this.cols;
77
+ while(--n) {
78
+ if(this.colYs[n] !== 0)
79
+ break;
80
+ s++
81
+ }
82
+ i.width = (this.cols - s) * this.columnWidth - this.options.gutterWidth
83
+ }
84
+ this.styleQueue.push({
85
+ $el : this.element,
86
+ style : i
87
+ });
88
+ var o = this.isLaidOut ? this.options.isAnimated ? "animate" : "css" : "css", u = this.options.animationOptions, a;
89
+ for( n = 0, r = this.styleQueue.length; n < r; n++) a = this.styleQueue[n], a.$el[o](a.style, u);this.styleQueue = [], t && t.call(e), this.isLaidOut = !0
90
+ },
91
+ _getColumns : function() {
92
+ var e = this.options.isFitWidth ? this.element.parent() : this.element, t = e.width();
93
+ this.columnWidth = this.isFluid ? this.options.columnWidth(t) : this.options.columnWidth || this.$bricks.outerWidth(!0) || t, this.columnWidth += this.options.gutterWidth, this.cols = Math.floor((t + this.options.gutterWidth) / this.columnWidth), this.cols = Math.max(this.cols, 1)
94
+ },
95
+ _placeBrick : function(e) {
96
+ var n = t(e), r, i, s, o, u;
97
+ r = Math.ceil(n.outerWidth(!0) / this.columnWidth), r = Math.min(r, this.cols);
98
+ if(r === 1)
99
+ s = this.colYs;
100
+ else { i = this.cols + 1 - r, s = [];
101
+ for( u = 0; u < i; u++) o = this.colYs.slice(u, u + r), s[u] = Math.max.apply(Math, o)
102
+ }
103
+ var a = Math.min.apply(Math, s), f = 0;
104
+ for(var l = 0, c = s.length; l < c; l++)
105
+ if(s[l] === a) {
106
+ f = l;
107
+ break
108
+ }
109
+ var h = {
110
+ top : a + this.offset.y
111
+ };
112
+ h[this.horizontalDirection] = this.columnWidth * f + this.offset.x, this.styleQueue.push({
113
+ $el : n,
114
+ style : h
115
+ });
116
+ var p = a + n.outerHeight(!0), d = this.cols + 1 - c;
117
+ for( l = 0; l < d; l++)
118
+ this.colYs[f + l] = p
119
+ },
120
+ resize : function() {
121
+ var e = this.cols;
122
+ this._getColumns(), (this.isFluid || this.cols !== e) && this._reLayout()
123
+ },
124
+ _reLayout : function(e) {
125
+ var t = this.cols;
126
+ this.colYs = [];
127
+ while(t--)
128
+ this.colYs.push(0);
129
+ this.layout(this.$bricks, e)
130
+ },
131
+ reloadItems : function() {
132
+ this.$bricks = this._getBricks(this.element.children())
133
+ },
134
+ reload : function(e) {this.reloadItems(), this._init(e)
135
+ },
136
+ appended : function(e, t, n) {
137
+ if(t) {
138
+ this._filterFindBricks(e).css({
139
+ top : this.element.height()
140
+ });
141
+ var r = this;
142
+ setTimeout(function() {
143
+ r._appended(e, n)
144
+ }, 1)
145
+ } else
146
+ this._appended(e, n)
147
+ },
148
+ _appended : function(e, t) {
149
+ var n = this._getBricks(e);
150
+ this.$bricks = this.$bricks.add(n), this.layout(n, t)
151
+ },
152
+ remove : function(e) {this.$bricks = this.$bricks.not(e), e.remove()
153
+ },
154
+ destroy : function() {
155
+ this.$bricks.removeClass("masonry-brick").each(function() {this.style.position = "", this.style.top = "", this.style.left = ""
156
+ });
157
+ var n = this.element[0].style;
158
+ for(var r in this.originalStyle)
159
+ n[r] = this.originalStyle[r];
160
+ this.element.unbind(".masonry").removeClass("masonry").removeData("masonry"), t(e).unbind(".masonry")
161
+ }
162
+ }, t.fn.imagesLoaded = function(e) {
163
+ function u() {
164
+ e.call(n, r)
165
+ }
166
+
167
+ function a(e) {
168
+ var n = e.target;
169
+ n.src !== s && t.inArray(n, o) === -1 && (o.push(n), --i <= 0 && (setTimeout(u), r.unbind(".imagesLoaded", a)))
170
+ }
171
+
172
+ var n = this, r = n.find("img").add(n.filter("img")), i = r.length, s = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==", o = [];
173
+ return i || u(), r.bind("load.imagesLoaded error.imagesLoaded", a).each(function() {
174
+ var e = this.src;
175
+ this.src = s, this.src = e
176
+ }), n
177
+ };
178
+ var s = function(t) {
179
+ e.console && e.console.error(t)
180
+ };
181
+ t.fn.masonry = function(e) {
182
+ if( typeof e == "string") {
183
+ var n = Array.prototype.slice.call(arguments, 1);
184
+ this.each(function() {
185
+ var r = t.data(this, "masonry");
186
+ if(!r) {
187
+ s("cannot call methods on masonry prior to initialization; attempted to call method '" + e + "'");
188
+ return
189
+ }
190
+ if(!t.isFunction(r[e]) || e.charAt(0) === "_") {
191
+ s("no such method '" + e + "' for masonry instance");
192
+ return
193
+ }
194
+ r[e].apply(r, n)
195
+ })
196
+ } else
197
+ this.each(function() {
198
+ var n = t.data(this, "masonry");
199
+ n ? (n.option(e || {}), n._init()) : t.data(this, "masonry", new t.Mason(e, this))
200
+ });
201
+ return this
202
+ }
203
+ })(window, jQuery);
lib/front-view-album-class.php CHANGED
@@ -21,115 +21,42 @@
21
  $album_id
22
  )
23
  );
24
- ?>
25
- <h3><?php echo $album->album_name;?></h3>
26
 
27
- <?php
28
  for ($flag = 0; $flag <count($pic_detail); $flag++)
29
  {
30
  if($pic_detail[$flag]->description == "")
31
  {
32
- if(($flag % $album->images_in_row ==0) && $flag != 0)
33
- {
34
- ?>
35
- <br/>
36
- <div id="bank_pics_<?php echo $flag; ?>" style="padding:10px; display: inline-block;">
37
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?>">
38
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
39
- </div>
40
- <?php
41
- }
42
- else
43
- {
44
  ?>
45
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
46
  <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?>">
47
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
48
  </div>
49
  <?php
50
- }
51
  }
52
  else
53
  {
54
- if(($flag % $album->images_in_row ==0) && $flag != 0)
55
- {
56
- ?>
57
- <br/>
58
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
59
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?> (<?php echo $pic_detail[$flag]->description; ?>)">
60
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
61
- </div>
62
- <?php
63
- }
64
- else
65
- {
66
- ?>
67
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
68
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?> (<?php echo $pic_detail[$flag]->description; ?>)">
69
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
70
- </div>
71
- <?php
72
- }
73
  }
74
  }
75
- $interval = $album->slideshow_interval;
76
- $slide = $album->slideshow;
77
  ?>
78
- <script type="text/javascript">
79
- var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
80
  window.Lightbox = new jQuery().visualLightbox
81
- ({
82
- <?php
83
- if($slide == 0)
84
- {
85
- ?>
86
- autoPlay:false,
87
- <?php
88
- }
89
- else
90
- {
91
- ?>
92
- autoPlay:true,
93
- <?php
94
- }
95
- ?>
96
- classNames:'vlightbox1<?php echo $album_id;?>',
97
- descSliding:true,
98
- enableRightClick:false,
99
- <?php
100
- if($slide == 0)
101
- {
102
- ?>
103
- enableSlideshow:false,
104
- <?php
105
- }
106
- else
107
- {
108
- ?>
109
- enableSlideshow:true,
110
- <?php
111
- }
112
- ?>
113
- prefix:'vlb1',
114
- resizeSpeed:7,
115
- <?php
116
- if($slide == 0)
117
- {
118
- ?>
119
- slideTime:2,
120
- <?php
121
- }
122
- else
123
- {
124
- ?>
125
- slideTime:<?php echo $interval;?>,
126
- <?php
127
- }
128
- ?>
129
- startZoom:true
130
- });
131
- </script>
132
- <?php
133
  die();
134
  }
135
  }
21
  $album_id
22
  )
23
  );
 
 
24
 
 
25
  for ($flag = 0; $flag <count($pic_detail); $flag++)
26
  {
27
  if($pic_detail[$flag]->description == "")
28
  {
 
 
 
 
 
 
 
 
 
 
 
 
29
  ?>
30
+ <div class="imgContainerSingle">
31
  <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?>">
32
+ <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" width="150px" /></a>
33
  </div>
34
  <?php
 
35
  }
36
  else
37
  {
38
+ ?>
39
+ <div class="imgContainerSingle">
40
+ <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?> (<?php echo $pic_detail[$flag]->description; ?>)">
41
+ <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" width="150px" /></a>
42
+ </div>
43
+ <?php
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  }
45
  }
 
 
46
  ?>
47
+ <script>
 
48
  window.Lightbox = new jQuery().visualLightbox
49
+ ({
50
+ classNames:'vlightbox1<?php echo $album_id;?>',
51
+ descSliding:true,
52
+ enableRightClick:false,
53
+ enableSlideshow:false,
54
+ prefix:'vlb1',
55
+ resizeSpeed:7,
56
+ startZoom:true
57
+ });
58
+ </script>
59
+ <?php
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60
  die();
61
  }
62
  }
lib/gallery-bank-class.php CHANGED
@@ -28,11 +28,7 @@ function gallery_bank_pics()
28
  global $wpdb;
29
  return $wpdb->prefix . 'gallery_pics';
30
  }
31
- function settingTable()
32
- {
33
- global $wpdb;
34
- return $wpdb->prefix . 'gallery_settings';
35
- }
36
  //--------------------------------------------------------------------------------------------------------------//
37
  // CODE FOR CREATING PAGES
38
  //---------------------------------------------------------------------------------------------------------------//
@@ -103,6 +99,7 @@ function frontend_plugin_js_scripts_gallery_bank()
103
  {
104
  wp_enqueue_script('jquery');
105
  wp_enqueue_script('visuallightbox.js', GALLERY_BK_PLUGIN_URL .'/js/visuallightbox.js');
 
106
  }
107
 
108
  //--------------------------------------------------------------------------------------------------------------//
@@ -119,6 +116,7 @@ function plugin_css_scripts_gallery_bank()
119
  wp_enqueue_style('colorpicker.css', GALLERY_BK_PLUGIN_URL .'/css/colorpicker.css');
120
  wp_enqueue_style('visuallightbox.css', GALLERY_BK_PLUGIN_URL .'/css/visuallightbox.css');
121
  wp_enqueue_style('plugins.css', GALLERY_BK_PLUGIN_URL .'/css/plugins.css');
 
122
  }
123
  function frontend_plugin_css_scripts_gallery_bank()
124
  {
@@ -146,13 +144,7 @@ if(isset($_REQUEST['action']))
146
  global $wpdb;
147
  include_once GALLERY_BK_PLUGIN_DIR . '/lib/album-gallery-bank-class.php';
148
  }
149
- case "apikeyLibrary":
150
- add_action( 'admin_init', 'apikeyLibrary');
151
- function apikeyLibrary()
152
- {
153
- global $wpdb;
154
- include_once GALLERY_BK_PLUGIN_DIR . '/lib/api_key-class.php';
155
- }
156
  case "front_albums_gallery_library":
157
  add_action( 'admin_init', 'front_albums_gallery_library');
158
  function front_albums_gallery_library()
@@ -190,40 +182,16 @@ function extract_short_code($con)
190
  {
191
  $album_id = $con;
192
  ob_start();
193
- ?>
194
- <div style="display:block">
195
- <div id="view_bank_album_<?php echo $album_id; ?>">
196
- <div class="body">
197
- <div class="box">
198
- <div class="content">
199
- <?php require GALLERY_BK_PLUGIN_DIR.'/views/front_view.php';?>
200
- </div>
201
- </div>
202
- </div>
203
- </div>
204
- </div>
205
- <?php
206
- $gallerybank_output_album = ob_get_clean();
207
- wp_reset_query();
208
- return $gallerybank_output_album;
209
  }
210
  function extract_short_code_album($con)
211
  {
212
  $album_id = $con;
213
  ob_start();
214
- ?>
215
- <div style="display:block" >
216
- <div id="view_bank_album_<?php echo $album_id; ?>">
217
- <div class="body">
218
- <div class="box">
219
- <div class="content">
220
- <?php require GALLERY_BK_PLUGIN_DIR.'/views/front-view-albums.php';?>
221
- </div>
222
- </div>
223
- </div>
224
- </div>
225
- </div>
226
- <?php
227
  $gallerybank_output = ob_get_clean();
228
  wp_reset_query();
229
  return $gallerybank_output;
28
  global $wpdb;
29
  return $wpdb->prefix . 'gallery_pics';
30
  }
31
+
 
 
 
 
32
  //--------------------------------------------------------------------------------------------------------------//
33
  // CODE FOR CREATING PAGES
34
  //---------------------------------------------------------------------------------------------------------------//
99
  {
100
  wp_enqueue_script('jquery');
101
  wp_enqueue_script('visuallightbox.js', GALLERY_BK_PLUGIN_URL .'/js/visuallightbox.js');
102
+ wp_enqueue_script('jquery.masonry.min.js', GALLERY_BK_PLUGIN_URL .'/js/jquery.masonry.min.js');
103
  }
104
 
105
  //--------------------------------------------------------------------------------------------------------------//
116
  wp_enqueue_style('colorpicker.css', GALLERY_BK_PLUGIN_URL .'/css/colorpicker.css');
117
  wp_enqueue_style('visuallightbox.css', GALLERY_BK_PLUGIN_URL .'/css/visuallightbox.css');
118
  wp_enqueue_style('plugins.css', GALLERY_BK_PLUGIN_URL .'/css/plugins.css');
119
+
120
  }
121
  function frontend_plugin_css_scripts_gallery_bank()
122
  {
144
  global $wpdb;
145
  include_once GALLERY_BK_PLUGIN_DIR . '/lib/album-gallery-bank-class.php';
146
  }
147
+
 
 
 
 
 
 
148
  case "front_albums_gallery_library":
149
  add_action( 'admin_init', 'front_albums_gallery_library');
150
  function front_albums_gallery_library()
182
  {
183
  $album_id = $con;
184
  ob_start();
185
+ require GALLERY_BK_PLUGIN_DIR.'/views/front_view.php';
186
+ $gallerybank_output_album = ob_get_clean();
187
+ wp_reset_query();
188
+ return $gallerybank_output_album;
 
 
 
 
 
 
 
 
 
 
 
 
189
  }
190
  function extract_short_code_album($con)
191
  {
192
  $album_id = $con;
193
  ob_start();
194
+ require GALLERY_BK_PLUGIN_DIR.'/views/front-view-albums.php';
 
 
 
 
 
 
 
 
 
 
 
 
195
  $gallerybank_output = ob_get_clean();
196
  wp_reset_query();
197
  return $gallerybank_output;
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: Gallery-Bank
3
  Tags: gallery, image, gallery image, album, foto, fotoalbum, website gallery, multiple pictures, pictures, photo, photoalbum, photogallery, photo gallery, lightbox
4
  Requires at least: 3.0
5
  Tested up to: 3.6 Beta
6
- Stable tag: 1.6
7
  License: GPLv3 or later
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
@@ -17,6 +17,8 @@ Create responsive and filterable portfolios with ease on your website. Gallery B
17
 
18
  <a href="http://gallery-bank.com/" target="_blank">Upgrade to Pro Version</a>
19
 
 
 
20
  = Features =
21
 
22
  * Create any amount of albums in the gallery.
@@ -94,6 +96,10 @@ Visit [here](http://gallery-bank.com) to upgrade to Pro Version now.
94
  6. Opening Image of the Album in Lightbox.
95
 
96
  == Changelog ==
 
 
 
 
97
 
98
  = 1.6 =
99
 
3
  Tags: gallery, image, gallery image, album, foto, fotoalbum, website gallery, multiple pictures, pictures, photo, photoalbum, photogallery, photo gallery, lightbox
4
  Requires at least: 3.0
5
  Tested up to: 3.6 Beta
6
+ Stable tag: 1.7
7
  License: GPLv3 or later
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
17
 
18
  <a href="http://gallery-bank.com/" target="_blank">Upgrade to Pro Version</a>
19
 
20
+ <a href="https://www.facebook.com/GalleryBank/" target="_blank">Like & Support us on Facebook</a>
21
+
22
  = Features =
23
 
24
  * Create any amount of albums in the gallery.
96
  6. Opening Image of the Album in Lightbox.
97
 
98
  == Changelog ==
99
+ = 1.7 =
100
+
101
+ * Introducing Jquery Masonry
102
+ * Uninstall Hook Removed
103
 
104
  = 1.6 =
105
 
views/front-view-albums.php CHANGED
@@ -26,118 +26,64 @@
26
  $album_id
27
  )
28
  );
 
29
 
30
  ?>
31
  <button id="back_button" style="margin-top:10px; display: none;" onclick="view_albums();">
32
  <span style="color: #000;">&laquo <?php _e('Back to Albums', gallery_bank); ?></span>
33
  </button>
34
- <div id="main_div<?php echo $album_id;?>" style="display: block;" class="album-cover">
35
- <div class="box" style=" margin-top: 10px;">
36
- <div id="view_bank_album_<?php echo $album_id;?>" style=" margin-top: 10px; padding: 10px;" >
37
- <img class="imgHolder" src="<?php echo $album_cover->thumbnail_url; ?>" onclick="view_images(<?php echo $album_id;?>);" style="display:inline-block;border:5px solid #000; cursor:pointer;" width="150px" />
38
  <div style="text-align: justify;display:inline-block;vertical-align:middle;margin-left:20px;">
39
- <div>
40
- <h3><?php echo $album->album_name; ?>&nbsp;</h3>
41
- </div>
42
- <div>
43
- <span><?php echo $album->description;?>&nbsp;</span>
44
- </div>
45
- <div>
46
- <a style="cursor: pointer;" onclick="view_images(<?php echo $album_id;?>)">
47
- <?php _e("See Album images", gallery_bank ); ?> &raquo
48
- </a>
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- </div>
54
- <div id="image_show_div<?php echo $album_id;?>" style="display: none;" class="images-cover">
55
- <div id="show_images_<?php echo $album_id;?>" class="box" style=" margin-top: 10px;padding:10px;">
56
  </div>
57
  </div>
58
- <?php
59
-
60
- $album = $wpdb->get_row
61
- (
62
- $wpdb->prepare
63
- (
64
- "SELECT slideshow,slideshow_interval FROM ".gallery_bank_albums()." WHERE album_id = %d",
65
- $album_id
66
- )
67
- );
68
- $interval = $album->slideshow_interval;
69
- $slide = $album->slideshow;
70
- ?>
71
  <script type="text/javascript">
72
- var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
73
- window.Lightbox = new jQuery().visualLightbox
74
- ({
75
- <?php
76
- if($slide == 0)
77
- {
78
- ?>
79
- autoPlay:false,
80
- <?php
81
- }
82
- else
83
- {
84
- ?>
85
- autoPlay:true,
86
- <?php
87
- }
88
- ?>
89
- classNames:'vlightbox1<?php echo $album_id;?>',
90
- descSliding:true,
91
- enableRightClick:false,
92
- <?php
93
- if($slide == 0)
94
- {
95
- ?>
96
- enableSlideshow:false,
97
- <?php
98
- }
99
- else
100
- {
101
- ?>
102
- enableSlideshow:true,
103
- <?php
104
- }
105
- ?>
106
- prefix:'vlb1',
107
- resizeSpeed:7,
108
- <?php
109
- if($slide == 0)
110
- {
111
- ?>
112
- slideTime:2,
113
- <?php
114
- }
115
- else
116
  {
117
- ?>
118
- slideTime:<?php echo $interval;?>,
119
- <?php
120
- }
121
- ?>
122
- startZoom:true
123
- });
124
- function view_images(album_id)
125
- {
126
- jQuery(".album-cover").css('display','none');
127
- jQuery("#main_div"+album_id).css('display','none');
128
- jQuery("#back_button").css('display','none');
129
- jQuery("#image_show_div"+album_id).css('display','block');
130
- jQuery.post(ajaxurl, "album_id="+album_id+"&param=show_images&action=front_albums_gallery_library", function(data)
 
 
 
 
 
131
  {
132
- jQuery("#back_button").css('display','block');
133
- jQuery("#main_div"+album_id).css('display','none');
134
- jQuery("#show_images_" + album_id).html(data);
135
- });
136
- }
137
- function view_albums()
138
- {
139
- jQuery(".album-cover").css('display','block');
140
- jQuery(".images-cover").css('display','none');
141
- jQuery("#back_button").css('display','none');
142
- }
143
- </script>
26
  $album_id
27
  )
28
  );
29
+ $unique_id = rand(100,10000);
30
 
31
  ?>
32
  <button id="back_button" style="margin-top:10px; display: none;" onclick="view_albums();">
33
  <span style="color: #000;">&laquo <?php _e('Back to Albums', gallery_bank); ?></span>
34
  </button>
35
+ <div id="main_div<?php echo $unique_id;?>" style="display: block;" class="album-cover">
36
+ <img class="imgHolder" src="<?php echo $album_cover->thumbnail_url; ?>" onclick="view_images(<?php echo $album_id;?>);" style="display:inline-block;border:5px solid #000; cursor:pointer;" width="150px" />
 
 
37
  <div style="text-align: justify;display:inline-block;vertical-align:middle;margin-left:20px;">
38
+ <h3><?php echo $album->album_name; ?>&nbsp;</h3>
39
+ <span><?php echo $album->description;?>&nbsp;</span><br/>
40
+ <a style="cursor: pointer;" onclick="view_images(<?php echo $album_id;?>)">
41
+ <?php _e("See Album images", gallery_bank ); ?> &raquo
42
+ </a>
43
+ </div>
44
+ </div>
45
+
46
+ <div id="image_show_div<?php echo $unique_id;?>" style="display: none;" class="images-cover">
47
+ <h3><?php echo $album->album_name;?></h3>
48
+ <div id="show_images_<?php echo $unique_id;?>" >
 
 
 
 
 
 
49
  </div>
50
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
51
  <script type="text/javascript">
52
+ var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
53
+ function view_images(album_id)
54
+ {
55
+
56
+ jQuery(".album-cover").css('display','none');
57
+ jQuery("#main_div<?php echo $unique_id;?>").css('display','none');
58
+ jQuery("#back_button").css('display','none');
59
+ jQuery("#image_show_div<?php echo $unique_id;?>").css('display','block');
60
+ jQuery.post(ajaxurl, "album_id="+album_id+"&param=show_images&action=front_albums_gallery_library", function(data)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61
  {
62
+ jQuery("#back_button").css('display','block');
63
+
64
+ jQuery('#show_images_<?php echo $unique_id;?>').html(data);
65
+ var $container_<?php echo $unique_id;?> = jQuery('#show_images_<?php echo $unique_id;?>');
66
+ $container_<?php echo $unique_id;?>.imagesLoaded( function(){
67
+ $container_<?php echo $unique_id;?>.masonry({
68
+ itemSelector : '.imgContainerSingle',
69
+ isAnimated: true,
70
+ animationOptions: {
71
+ duration: 750,
72
+ easing: 'linear',
73
+ queue: false
74
+ }
75
+ });
76
+ });
77
+ $container_<?php echo $unique_id;?>.masonry('reload');
78
+ });
79
+ }
80
+ function view_albums()
81
  {
82
+ jQuery(".album-cover").css('display','block');
83
+ jQuery(".images-cover").css('display','none');
84
+ jQuery("#back_button").css('display','none');
85
+ }
86
+
87
+
88
+
89
+ </script>
 
 
 
 
views/front_view.php CHANGED
@@ -17,61 +17,35 @@
17
  $album_id
18
  )
19
  );
 
20
  ?>
21
- <div id="view_bank_album_<?php echo $album_id;?>" class="box" style=" margin-top: 10px; padding: 10px;">
22
- <h3><?php echo $album->album_name;?></h3>
23
-
24
- <?php
25
- $row = $album ->images_in_row;
26
- for ($flag = 0; $flag <count($pic_detail); $flag++)
27
- {
28
- if($pic_detail[$flag]->description == "")
29
- {
30
- if(($flag % $row ==0) && $flag != 0)
31
- {
32
- ?>
33
- <br/>
34
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
35
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?>">
36
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
37
- </div>
38
- <?php
39
- }
40
- else
41
- {
42
- ?>
43
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
44
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?>">
45
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
46
- </div>
47
- <?php
48
- }
49
- }
50
- else
51
- {
52
- if(($flag % $row ==0) && $flag != 0)
53
- {
54
- ?>
55
- <br/>
56
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
57
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?> (<?php echo $pic_detail[$flag]->description; ?>)">
58
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
59
- </div>
60
- <?php
61
- }
62
- else
63
- {
64
- ?>
65
- <div id="bank_pics_<?php echo $flag; ?>" style="padding: 10px; display: inline-block;">
66
- <a class="vlightbox1<?php echo $album_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?> (<?php echo $pic_detail[$flag]->description; ?>)">
67
- <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" style="border: <?php echo $album->border_width;?>px solid <?php echo $album->border_color;?>;" width="150px" /></a>
68
- </div>
69
- <?php
70
- }
71
- }
72
- }
73
- ?>
74
  </div>
 
 
 
 
 
75
  <?php
76
  $album = $wpdb->get_row
77
  (
@@ -87,53 +61,28 @@
87
  <script type="text/javascript">
88
  window.Lightbox = new jQuery().visualLightbox
89
  ({
90
- <?php
91
- if($slide == 0)
92
- {
93
- ?>
94
- autoPlay:false,
95
- <?php
96
- }
97
- else
98
- {
99
- ?>
100
- autoPlay:true,
101
- <?php
102
- }
103
- ?>
104
- classNames:'vlightbox1<?php echo $album_id;?>',
105
  descSliding:true,
106
  enableRightClick:false,
107
- <?php
108
- if($slide == 0)
109
- {
110
- ?>
111
- enableSlideshow:false,
112
- <?php
113
- }
114
- else
115
- {
116
- ?>
117
- enableSlideshow:true,
118
- <?php
119
- }
120
- ?>
121
  prefix:'vlb1',
122
  resizeSpeed:7,
123
- <?php
124
- if($slide == 0)
125
- {
126
- ?>
127
- slideTime:2,
128
- <?php
129
- }
130
- else
131
- {
132
- ?>
133
- slideTime:<?php echo $interval;?>,
134
- <?php
135
- }
136
- ?>
137
  startZoom:true
138
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
139
  </script>
17
  $album_id
18
  )
19
  );
20
+ $unique_id = rand(100,10000);
21
  ?>
22
+ <h3><?php echo $album->album_name;?></h3>
23
+ <div id="view_bank_album_<?php echo $unique_id;?>">
24
+ <?php
25
+ $row = $album ->images_in_row;
26
+ for ($flag = 0; $flag <count($pic_detail); $flag++)
27
+ {
28
+ if($pic_detail[$flag]->description == "")
29
+ {
30
+ ?><div class="imgContainerSingle">
31
+ <a class="vlightbox1<?php echo $unique_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?>">
32
+ <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" width="150px" /></a>
33
+ </div>
34
+ <?php
35
+
36
+ }
37
+ else
38
+ {
39
+ ?>
40
+ <div class="imgContainerSingle">
41
+ <a class="vlightbox1<?php echo $unique_id;?>" id="<?php echo $pic_detail[$flag]->pic_id; ?>" href="<?php echo $pic_detail[$flag]->pic_path; ?>" title="<?php echo $pic_detail[$flag]->title; ?> (<?php echo $pic_detail[$flag]->description; ?>)">
42
+ <img src="<?php echo $pic_detail[$flag]->thumbnail_url; ?>" width="150px" /></a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
  </div>
44
+ <?php
45
+ }
46
+ }
47
+ ?>
48
+ </div>
49
  <?php
50
  $album = $wpdb->get_row
51
  (
61
  <script type="text/javascript">
62
  window.Lightbox = new jQuery().visualLightbox
63
  ({
64
+ classNames:'vlightbox1<?php echo $unique_id;?>',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
65
  descSliding:true,
66
  enableRightClick:false,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
67
  prefix:'vlb1',
68
  resizeSpeed:7,
69
+ descSliding:true,
70
+ enableSlideshow:false,
 
 
 
 
 
 
 
 
 
 
 
 
71
  startZoom:true
72
  });
73
+
74
+ var $container_<?php echo $unique_id;?> = jQuery('#view_bank_album_<?php echo $unique_id;?>');
75
+ $container_<?php echo $unique_id;?>.imagesLoaded( function(){
76
+ $container_<?php echo $unique_id;?>.masonry({
77
+ itemSelector : '.imgContainerSingle',
78
+ isAnimated: true,
79
+ animationOptions: {
80
+ duration: 750,
81
+ easing: 'linear',
82
+ queue: false
83
+ }
84
+ });
85
+
86
+ });
87
+
88
  </script>