Image Photo Gallery Final Tiles Grid - Version 3.3.30

Version Description

  • [Fix] Fixed wrong image order when using Masonry layout
Download this release

Release Info

Developer GreenTreeLabs
Plugin Icon 128x128 Image Photo Gallery Final Tiles Grid
Version 3.3.30
Comparing to
See all releases

Code changes from version 3.3.27 to 3.3.30

Files changed (4) hide show
  1. FinalTilesGalleryLite.php +9 -3
  2. readme.txt +4 -1
  3. scripts/ftg.css +1 -0
  4. scripts/jquery.finalTilesGallery.js +10 -19
FinalTilesGalleryLite.php CHANGED
@@ -5,15 +5,21 @@
5
  * Plugin URI: https://www.final-tiles-gallery.com
6
  * Description: Wordpress Plugin for creating responsive image galleries. By: GreenTreeLabs
7
  * Author: Green Tree Labs
8
- * Version: 3.3.27
9
  * Author URI: https://www.greentreelabs.net
10
  *
11
  * @fs_premium_only /lightbox-pro/
12
  *
13
  */
14
- define( "FTGVERSION", "3.3.27" );
15
  /*
16
  Changelog:
 
 
 
 
 
 
17
  3.3.27
18
  Enhancement: compatibility with JetPack Photon
19
  3.3.26
@@ -621,7 +627,7 @@ if ( !class_exists( 'FinalTiles_Gallery' ) ) {
621
 
622
  public function create_db_tables()
623
  {
624
- include_once WP_PLUGIN_DIR . '/final-tiles-grid-gallery-lite/lib/install-db.php';
625
  install_db();
626
  }
627
 
5
  * Plugin URI: https://www.final-tiles-gallery.com
6
  * Description: Wordpress Plugin for creating responsive image galleries. By: GreenTreeLabs
7
  * Author: Green Tree Labs
8
+ * Version: 3.3.30
9
  * Author URI: https://www.greentreelabs.net
10
  *
11
  * @fs_premium_only /lightbox-pro/
12
  *
13
  */
14
+ define( "FTGVERSION", "3.3.30" );
15
  /*
16
  Changelog:
17
+ 3.3.30
18
+ Fix: fixed wrong image order when using Masonry layout
19
+ 3.3.29
20
+ Fix: fixed path to library
21
+ 3.3.28
22
+ Fix: filters with groups
23
  3.3.27
24
  Enhancement: compatibility with JetPack Photon
25
  3.3.26
627
 
628
  public function create_db_tables()
629
  {
630
+ include_once 'lib/install-db.php';
631
  install_db();
632
  }
633
 
readme.txt CHANGED
@@ -1,5 +1,5 @@
1
  === Image Photo Gallery Final Tiles Grid ===
2
- Contributors: GreenTreeLabs
3
  Donate link: http://greentreelabs.net/blog/donate/
4
  Tags: gallery, grid gallery, best gallery plugin, free gallery, gallery plugin, gallery grid plugin, masonry, photo gallery, image gallery, social gallery, portfolio gallery, lightbox, justified gallery
5
  Requires at least: 3.8.2
@@ -135,6 +135,9 @@ Currently galleries made with Envira, FooGallery, Instagram, NextGen, JetPack, M
135
 
136
  == Changelog ==
137
 
 
 
 
138
  = 3.3.27 =
139
  * [Enhancement] Compatibility with JetPack Photon
140
 
1
  === Image Photo Gallery Final Tiles Grid ===
2
+ Contributors: GreenTreeLabs, freemius
3
  Donate link: http://greentreelabs.net/blog/donate/
4
  Tags: gallery, grid gallery, best gallery plugin, free gallery, gallery plugin, gallery grid plugin, masonry, photo gallery, image gallery, social gallery, portfolio gallery, lightbox, justified gallery
5
  Requires at least: 3.8.2
135
 
136
  == Changelog ==
137
 
138
+ = 3.3.30 =
139
+ * [Fix] Fixed wrong image order when using Masonry layout
140
+
141
  = 3.3.27 =
142
  * [Enhancement] Compatibility with JetPack Photon
143
 
scripts/ftg.css CHANGED
@@ -40,6 +40,7 @@
40
  opacity: 1;
41
  display: block;
42
  }
 
43
  .final-tiles-gallery .tile.ftg-hidden-tile {
44
  -moz-transform: scale(0);
45
  -webkit-transform: scale(0);
40
  opacity: 1;
41
  display: block;
42
  }
43
+ .final-tiles-gallery .tile.ftg-filter-hidden-tile,
44
  .final-tiles-gallery .tile.ftg-hidden-tile {
45
  -moz-transform: scale(0);
46
  -webkit-transform: scale(0);
scripts/jquery.finalTilesGallery.js CHANGED
@@ -218,7 +218,7 @@ var qualifyURL = function (url) {
218
 
219
  if(img.hasClass(hash_class) == false)
220
  {
221
- img.addClass('ftg-hidden-tile');
222
  }
223
  })
224
 
@@ -231,7 +231,7 @@ var qualifyURL = function (url) {
231
  }
232
  }
233
 
234
- this.tiles = this.$element.find('.tile').not('.ftg-hidden-tile');
235
 
236
  /*this.tiles.css({
237
  transition: 'all .3s'
@@ -324,17 +324,17 @@ var qualifyURL = function (url) {
324
 
325
  var ft = $(this).attr("href").replace("#ftg-set-", "");
326
  if(ft == "ftgall") {
327
- instance.$element.find(".tile").removeClass("ftg-hidden-tile");
328
  instance.$element.find(".tile a").addClass("everlightbox-trigger");
329
  } else {
330
  instance.$element.find(".everlightbox-trigger").removeClass("everlightbox-trigger");
331
  instance.$element
332
  .find(".tile")
333
  .not(".ftg-set-" + ft)
334
- .addClass("ftg-hidden-tile")
335
  .end()
336
  .filter(".ftg-set-" + ft)
337
- .removeClass("ftg-hidden-tile");
338
 
339
  instance.$element
340
  .find(".ftg-set-" + ft + " a")
@@ -381,7 +381,7 @@ var qualifyURL = function (url) {
381
  { left: 0, top: 0, width: this.currentWidth }
382
  ];
383
  this.tiles.removeClass("ftg-loaded ftg-enlarged");
384
- this.tiles = this.$element.find('.tile').not('.ftg-hidden-tile');
385
  this._loadedImages = 0;
386
  this.loadImage();
387
  },
@@ -400,8 +400,6 @@ var qualifyURL = function (url) {
400
  },
401
 
402
  addImageToRow: function($img) {
403
- console.log(this._rows);
404
- console.log(this._currentRow);
405
  this._rows[this._currentRow].push($img);
406
  },
407
 
@@ -619,12 +617,9 @@ var qualifyURL = function (url) {
619
  col: 0,
620
  top: 100000000
621
  };
622
- for(var i=0; i<this.columns.length; i++) {
623
  var col = this.columns[i];
624
  var last = col[col.length - 1];
625
-
626
- //console.log(i, "last", last);
627
-
628
  if(last <= ret.top) {
629
  //console.log("shortest is ", i, last);
630
  ret.top = last;
@@ -660,14 +655,12 @@ var qualifyURL = function (url) {
660
  var t_h = t_w * ratio;
661
  var t_h_b = t_w * ratio;
662
 
663
- console.log("tw, th", t_w, t_h);
664
 
665
- if(this.currentGridSize) {
666
- console.log("old t_h", t_h);
667
  var n = Math.floor(t_h / this.currentGridSize);
668
  if(n > 0) {
669
  t_h = this.currentGridSize * n;
670
- console.log("new t_h", t_h);
671
  }
672
  }
673
 
@@ -691,7 +684,7 @@ var qualifyURL = function (url) {
691
 
692
  if ($t.data("ftg-type") != "iframe")
693
  $item.css({ height: "auto" });
694
- console.log("hdiff", hdiff);
695
  if(hdiff > 0) {
696
  $item.css({
697
  top: 0 - (hdiff / 2)
@@ -712,8 +705,6 @@ console.log("hdiff", hdiff);
712
  this.$element.find(".ftg-items").css({
713
  height: this.get_highest_col() + "px"
714
  });
715
-
716
- console.log("");
717
  },
718
  add_to_final: function (tileIndex) {
719
  var $t = this.tiles.eq(tileIndex);
218
 
219
  if(img.hasClass(hash_class) == false)
220
  {
221
+ img.addClass('ftg-filter-hidden-tile');
222
  }
223
  })
224
 
231
  }
232
  }
233
 
234
+ this.tiles = this.$element.find('.tile').not('.ftg-hidden-tile').not('.ftg-filter-hidden-tile');
235
 
236
  /*this.tiles.css({
237
  transition: 'all .3s'
324
 
325
  var ft = $(this).attr("href").replace("#ftg-set-", "");
326
  if(ft == "ftgall") {
327
+ instance.$element.find(".tile").removeClass("ftg-filter-hidden-tile");
328
  instance.$element.find(".tile a").addClass("everlightbox-trigger");
329
  } else {
330
  instance.$element.find(".everlightbox-trigger").removeClass("everlightbox-trigger");
331
  instance.$element
332
  .find(".tile")
333
  .not(".ftg-set-" + ft)
334
+ .addClass("ftg-filter-hidden-tile")
335
  .end()
336
  .filter(".ftg-set-" + ft)
337
+ .removeClass("ftg-filter-hidden-tile");
338
 
339
  instance.$element
340
  .find(".ftg-set-" + ft + " a")
381
  { left: 0, top: 0, width: this.currentWidth }
382
  ];
383
  this.tiles.removeClass("ftg-loaded ftg-enlarged");
384
+ this.tiles = this.$element.find('.tile').not('.ftg-hidden-tile').not('.ftg-filter-hidden-tile');
385
  this._loadedImages = 0;
386
  this.loadImage();
387
  },
400
  },
401
 
402
  addImageToRow: function($img) {
 
 
403
  this._rows[this._currentRow].push($img);
404
  },
405
 
617
  col: 0,
618
  top: 100000000
619
  };
620
+ for(var i=this.columns.length - 1; i >= 0; i--) {
621
  var col = this.columns[i];
622
  var last = col[col.length - 1];
 
 
 
623
  if(last <= ret.top) {
624
  //console.log("shortest is ", i, last);
625
  ret.top = last;
655
  var t_h = t_w * ratio;
656
  var t_h_b = t_w * ratio;
657
 
658
+ //console.log("tw, th", t_w, t_h);
659
 
660
+ if(this.currentGridSize) {
 
661
  var n = Math.floor(t_h / this.currentGridSize);
662
  if(n > 0) {
663
  t_h = this.currentGridSize * n;
 
664
  }
665
  }
666
 
684
 
685
  if ($t.data("ftg-type") != "iframe")
686
  $item.css({ height: "auto" });
687
+
688
  if(hdiff > 0) {
689
  $item.css({
690
  top: 0 - (hdiff / 2)
705
  this.$element.find(".ftg-items").css({
706
  height: this.get_highest_col() + "px"
707
  });
 
 
708
  },
709
  add_to_final: function (tileIndex) {
710
  var $t = this.tiles.eq(tileIndex);