File Manager

📂 FileMgr

📍 /home/rla105zs937x/public_html/beacontechindia.com/js

✏️ Edit File: /home/rla105zs937x/public_html/beacontechindia.com/js/portfolio.js

⬅ Kembali

(function ($) {
	        var $container = $('.portfolio'),
	            colWidth = function () {
	                var w = $container.width(), 
	                    columnNum = 1,
	                    columnWidth = 50;
	                if (w > 1200) {
	                    columnNum  = 5;
	                } 
	                else if (w > 900) {
	                    columnNum  = 3;
	                } 
	                else if (w > 600) {
	                    columnNum  = 2;
	                } 
	                else if (w > 300) {
	                    columnNum  = 1;
	                }
	                columnWidth = Math.floor(w/columnNum);
	                $container.find('.pitem').each(function() {
	                    var $item = $(this),
	                        multiplier_w = $item.attr('class').match(/item-w(\d)/),
	                        multiplier_h = $item.attr('class').match(/item-h(\d)/),
	                        width = multiplier_w ? columnWidth*multiplier_w[1]-0 : columnWidth-5,
	                        height = multiplier_h ? columnWidth*multiplier_h[1]*1-5 : columnWidth*0.5-5;
	                    $item.css({
	                        width: width,
	                        height: height
	                    });
	                });
	                return columnWidth;
	            }
	            function refreshWaypoints() {
	                setTimeout(function() {
	                }, 3000);   
	            }
	            $('nav.portfolio-filter ul a').on('click', function() {
	                var selector = $(this).attr('data-filter');
	                $container.isotope({ filter: selector }, refreshWaypoints());
	                $('nav.portfolio-filter ul a').removeClass('active');
	                $(this).addClass('active');
	                return false;
	            });
	            function setPortfolio() { 
	                setColumns();
	                $container.isotope('reLayout');
	            }
				$container.imagesLoaded( function() {
					$container.isotope();
				});
	            isotope = function () {
	                $container.isotope({
	                    resizable: true,
	                    itemSelector: '.pitem',
						layoutMode : 'masonry',
						gutter: 10,
	                    masonry: {
	                        columnWidth: colWidth(),
	                        gutterWidth: 0
	                    }
	                });
	            };
	        isotope();
	        $(window).smartresize(isotope);
	    }(jQuery));

Batal

⬅ Naik ke beacontechindia.com 5 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜all.js	js	279.5 KB	2018-06-11 05:15	✏️ Edit 👁️ View
📜custom.js	js	5.5 KB	2018-06-11 09:02	✏️ Edit 👁️ View
📜hoverdir.js	js	5.3 KB	2017-10-24 09:19	✏️ Edit 👁️ View
📜modernizer.js	js	8 KB	2017-10-24 09:20	✏️ Edit 👁️ View
📜portfolio.js	js	2.4 KB	2017-10-24 09:19	✏️ Edit 👁️ View