3D Photo
Tile â€“ WordPress Plugin

3D Photo Tile WordPress Plugin is an advanced 3D image grid
gallery built with WebGL. Each tile item can be flipped over to
reveal the content behind it. Photo Tile is a great web application
to showcase your works and photos.

Full Features

Customise number of double size items and flippable items
Over 50 configuration options
Advanced full fledged 2D gallery mode: auto activated on
browser with unsupported CSS3D features
Easily create slideshow using autoplay option
Default dark theme and light theme
Multi media support: photo, audio, video, ajax, inline,
embedded iframe
Multiple controls: keyboard and mouse
Multiple screens support: mobile, tablet. desktop
Multi categories support
Fullscreen support
Full width support
High quality code commenting
High quality documentation
Custom item reflection
animejs as core animation engine: multiple easing equations
support, configure delay, duration, callback with ease
Advanced MediaViewer component, a feature rich lightbox
application to view extended contents
Advanced build system with Grunt: easily create distribution
and examples file with builtin tasks
CSS preprocessor using SASS and Compass framework
Multiple SASS variables offering extreme flexibility to
customize application look and feel
HTML preprocessor using Pug templates
Custom components: ItemTitle, ItemDescription
videojs as main video playback engine
audio5js as main audio playback engine
Multiple examples files provided
Lightweight: only 28KB in gzip format

Image Credits:unsplash.com

Video Credits:pexels.com

Show More

Show Less

Included:Quality checked by
Envato
Included:Future
updates

6 months support
from
raizensoft

Extend support to
12 months

$9.75

Get it now
and save up to
$13

Price is in US dollars. Price displayed excludes sales tax.

Elite Author

Item Rating:
Minimum of 3 votes required

Last Update	25 January 21
Created	25 January 21
Gutenberg Optimized
High Resolution
Compatible Browsers	, , , , ,
Files Included	, , , , ,
Software Version	, , , , , , , , , , , , , , , , , ,
Tags	, , , , , , , , , , , , ,

Deliver
better projects faster. Web, design & video assets

Unlimited downloads, from
$16.50/month
Effortless design and video.

Made online by you.

Smart templates ready for any skill
level.

Designers matched perfectly to

you on Envato Studio

2000 artists ready to undertake
your work

Quick
Links
Explore
popular categories

Web Themes &
Templates

Video

Audio

Code

Design Maker

Video Maker

Elements

Tuts+

Envato Market

Help

Joinour community

63,343,558items
sold

$903,256,974community earnings

All
prices are in US dollars and exclude sales tax
Â©
2021 Envato Pty Ltd. Trademarks and brands are the property of
their respective owners.

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

Tell us what you
think!

We’d like to ask you a few questions to help improve
CodeCanyon.

//

//
<![CDATA[
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

var consentCookie = getCookie('CookieConsent');

if (consentCookie) {
var hasConsent = Market.Helpers.CookieConsent.given('statistics');

if (hasConsent) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}

window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
if (!(window.ga && ga.create)) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
unloadGoogleAnalytics()
}
if (!consentToExperimentsEnrollmentGiven()) {
unenrollFromExperiments();
}
}, false);

function getCookie(name) {
var name = name + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var cookieContent = decodedCookie.split(';');

for(var i = 0; i {
if (
document.readyState === ‘interactive’ ||
document.readyState === ‘complete’
) {
resolve()
} else {
document.addEventListener(
‘DOMContentLoaded’,
() => {
resolve()
},
{
capture: true,
once: true,
passive: true
}
)
}
})
}

function consentToExperimentsEnrollmentGiven () {
return Market.Helpers.CookieConsent.given(‘preferences’) && Market.Helpers.CookieConsent.given(‘statistics’);
}

function unenrollFromExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[1,9],”requires”:{}},”newHomepageExperiment”:{“id”:”eCQGElkrSVqkXjHjD14dBg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”csatSurveyExperiment”:{“id”:”csat_survey”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[9,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”itemCardTagsExperiment”:{“id”:”KPjrVT2lTZ6xjZWU2O4gng”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”homePageCopyUpdates”:{“id”:”38IZ2heHTeyVuJ9OGcqDnA”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”updatedCategoryNav”:{“id”:”fFuj2cGCQrS374O9TUL8rw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”ipxSimplifiedItemPage”:{“id”:”Wkp3qNpZQ1axe18WVz9REw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″,”6″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}
var deletedCookies = [];

_.each(activeExperimentsConfig, function(expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if ($.cookie(cookieName) != null && $.cookie(cookieName) != ” && typeof($.cookie(cookieName)) != ‘undefined’) {
$.removeCookie(cookieName);
deletedCookies.push(cookieName);
}
});

if(deletedCookies.length > 0) {
ga(t+’.set’, “exp”, null);
ga(t+’.set’, “dimension21”, null);
ga(t+’.set’, “dimension22”, null);
}
}

function enrolIntoActiveExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[1,9],”requires”:{}},”newHomepageExperiment”:{“id”:”eCQGElkrSVqkXjHjD14dBg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”csatSurveyExperiment”:{“id”:”csat_survey”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[9,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”itemCardTagsExperiment”:{“id”:”KPjrVT2lTZ6xjZWU2O4gng”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”homePageCopyUpdates”:{“id”:”38IZ2heHTeyVuJ9OGcqDnA”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”updatedCategoryNav”:{“id”:”fFuj2cGCQrS374O9TUL8rw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”ipxSimplifiedItemPage”:{“id”:”Wkp3qNpZQ1axe18WVz9REw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″,”6″],”domain”:”codecanyon.net”,”variantsWeights”:[1,1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}

var independentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var dependentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(!_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var experimentsConfig = {…independentExperimentConfigs, …dependentExperimentConfigs};

if (!_.isEmpty(experimentsConfig)) {
var experimentEnrolments = createExperimentEnrollments(experimentsConfig);
window.dispatchEvent(new CustomEvent(‘ExperimentsReady’, { payload: experimentEnrolments }));
}
}

function areRequirementsMet(experimentsConfig, requiredExperiments) {
return _.reduce(requiredExperiments, function(memo, requiredExperimentVariants, requiredExperimentName){
var requiredExperiment = experimentsConfig[requiredExperimentName];
var requiredExperimentCookieName = “market_experiment_” + requiredExperiment.id;
var requiredExperimentVariantEnabled = _.contains(requiredExperimentVariants.variants, +$.cookie(requiredExperimentCookieName));

return memo && requiredExperimentVariantEnabled;
}, true)
}

function selectExperimentVariant(expConfig) {
var variantWeights = _.object(expConfig.variants, expConfig.variantsWeights);

return _.chain(variantWeights).map(function (weight, variant) {
return _.times(weight, function() { return variant; });
}).flatten().sample().value();
}

function createExperimentEnrollments(activeExperimentsConfig) {
var enrollments = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if (!$.cookie(cookieName)) {
var requirementsMet = areRequirementsMet(activeExperimentsConfig, expConfig.requires);

if (requirementsMet) {
var variant = selectExperimentVariant(expConfig)
$.cookie(cookieName, variant, { expires: 365, domain: expConfig.domain, path: ‘/’ });
}
}
if ($.cookie(cookieName)) {
memo[expConfig.id] = $.cookie(cookieName);
}

return memo;
}, {});

var enrollmentsString = _.map(_.pairs(enrollments), function(pair) { return pair.join(“.”); }).join(“!”);

ga(t+’.set’, “exp”, enrollmentsString);
ga(t+’.set’, “dimension21”, enrollmentsString);
ga(t+’.set’, “dimension22”, enrollmentsString);

return enrollments;
}

function loadLinkingForAllAccounts() {
domLoaded().then(() => {
var ACCOUNTS = [“m”];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

ga(t+'.require', 'linker');

ga(t+'.require', 'linkid', 'linkid.js');
};

document.body.addEventListener('click', function(event) {
decorateLink(event);
});
document.body.addEventListener('contextmenu', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Right click to open context menu
decorateLink(event);
});
document.body.addEventListener('mousedown', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Middle mouse button click
if (event.button === 1) {
decorateLink(event);
}
});
});
}

function decorateLink(event) {

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

var currentTarget = jQuery(event.target);
var link = currentTarget.closest('a')[0];
var ourDomains = ["activeden.net","audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","market.styleguide.envato.com","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com"];
var filteredDomains = ourDomains.filter(function(domain) {
return domain !== document.location.hostname;
});

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

if (link && link.href) {
if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) {
ga(t+'.linker:decorate', link)
}
}
}
}

function currentSiteLinkOpensInNewWindow(link) {
return document.location.hostname === link.hostname && link.target === '_blank';
}

function setupGoogleAnalytics() {
(function () {
var accountId = "UA-11834194-12";
window['ga-disable-'+accountId] = false;

if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var options = {"name":"m","allowLinker":true};

options.storage = "none";
options.clientId = Market.Helpers.GaLsUtils.getClientId();

var clientIdValid = Market.Helpers.GaLsUtils.clientIdValid(options.clientId);
if (!clientIdValid) {
options.clientId = null;
}

ga("create", "UA-11834194-12", options);
ga(function() {
var tracker = ga.getByName(options.name);
Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId'));
})
} else {
ga("create", "UA-11834194-12", {"name":"m","allowLinker":true});
}

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i

//
<![CDATA[

if (typeof Cookiebot !== 'undefined' && Cookiebot.consent && Cookiebot.consent.statistics ) {
enableGoogleAnalyticsLinkWrapper();
} else {
window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
enableGoogleAnalyticsLinkWrapper();
}
}, false);
}

function enableGoogleAnalyticsLinkWrapper() {
// GA: universal analytics link wrapper
(function(){
window._envTrkrs = [["m", "UA-11834194-12"]];

var debug = false;
var MAX_RETRIES = 10;

/*
The script needs to wait until the Analytics script
has been downloaded from Google before initializing
*/
var waitForAnalytics = function(){
this.count = this.count || 0;

if (window.ga && ga.getByName) {
e.init();
} else {
if (count < MAX_RETRIES) { setTimeout(waitForAnalytics, 250); }
count++;
}
};

var e = {
_envArray: [],
_envTrkrs: (window._envTrkrsCust && window._envTrkrsCust.length) ? window._envTrkrs.concat(window._envTrkrsCust) : window._envTrkrs,
init: function() {
for (var i=0; i < _envTrkrs.length; i++) {
if(!ga.getByName(_envTrkrs[i][0])) {
if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var clientId = Market.Helpers.GaLsUtils.getClientId();

ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], storage: "none", clientId: clientId, allowLinker: true});
} else {
ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], allowLinker: true});
}
}
}

document.addEventListener('DOMContentLoaded', function(){
e.wrapperInit();
});

if (debug) {console.log('Initiated');}
},
wrapperInit: function() {
if (typeof window._envIsRunning != 'undefined' || window._envIsRunning == true) {
return
}
window._envIsRunning = true;

if (document.addEventListener) {
document.addEventListener('click', function(event){
var target = event.target;
if (target && target.tagName === 'A') {
e._envLinksTracker(event);
}
});
}
},
isInArray: function(e, t) {
for (var n = 0; n < t.length; n++) {
var r = new RegExp(t[n], 'i');
if (r.test(e)) {
return n
}
}
return -1
},
_envTrackevent: function(e, t, n, r) {
for (var i = 0; i < this._envTrkrs.length; i++) {
var s = this._envTrkrs[i][0].length == 0 ? '' : this._envTrkrs[i][0] + '.';
r.length == 0 ? ga(s + 'send', 'event', e, t, n) : ga(s + 'send', 'event', e, t, n, r)
}
},
_envTrackpageview: function(e, t) {
t = t.charAt(0) == '/' ? t : '/' + t;
for (var n = 0; n

//

//

Download

Price: 0.00 USD
Preview: Theme Preview

Download: 3d-photo-tile-wordpress-media-plugin.zip

Download Nulled Themes

Download all themeforest, codecanyon, wrapstrap themes for free

3D Photo Tile – WordPress Media Plugin

3D Photo
Tile â€“ WordPress Plugin

Full Features

3D Photo Tile â€“ WordPress Plugin

Full Features

More items by raizensoft

3D Photo
Tile â€“ WordPress Plugin

More items by
raizensoft