627 lines
20 KiB
JavaScript
627 lines
20 KiB
JavaScript
/**
|
|
* 2007-2017 PrestaShop
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
|
* that is bundled with this package in the file LICENSE.txt.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* https://opensource.org/licenses/AFL-3.0
|
|
* If you did not receive a copy of the license and are unable to
|
|
* obtain it through the world-wide-web, please send an email
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
|
* needs please refer to http://www.prestashop.com for more information.
|
|
*
|
|
* @author PrestaShop SA <contact@prestashop.com>
|
|
* @copyright 2007-2018 PrestaShop SA
|
|
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
|
* International Registered Trademark & Property of PrestaShop SA
|
|
*/
|
|
import 'expose-loader?Tether!tether';
|
|
import 'bootstrap/dist/js/bootstrap.min';
|
|
import 'flexibility';
|
|
import 'bootstrap-touchspin';
|
|
|
|
import './responsive';
|
|
import './checkout';
|
|
import './customer';
|
|
import './listing';
|
|
import './product';
|
|
import './cart';
|
|
import './rts_icons';
|
|
import './sliders';
|
|
import './county';
|
|
|
|
import DropDown from './components/drop-down';
|
|
import Form from './components/form';
|
|
import ProductMinitature from './components/product-miniature';
|
|
import ProductSelect from './components/product-select';
|
|
import TopMenu from './components/top-menu';
|
|
|
|
import prestashop from 'prestashop';
|
|
import EventEmitter from 'events';
|
|
|
|
import './lib/bootstrap-filestyle.min';
|
|
import './lib/jquery.scrollbox.min';
|
|
import './lib/jquery.sticky-kit.min.js';
|
|
import './lib/animsition.min';
|
|
|
|
import './components/block-cart';
|
|
|
|
// "inherit" EventEmitter
|
|
for (var i in EventEmitter.prototype) {
|
|
prestashop[i] = EventEmitter.prototype[i];
|
|
}
|
|
|
|
$(document).ready(() => {
|
|
let dropDownEl = $('.js-dropdown');
|
|
const form = new Form();
|
|
let topMenuEl = $('.js-top-menu ul[data-depth="0"]');
|
|
let dropDown = new DropDown(dropDownEl);
|
|
let topMenu = new TopMenu(topMenuEl);
|
|
let productMinitature = new ProductMinitature();
|
|
let productSelect = new ProductSelect();
|
|
dropDown.init();
|
|
form.init();
|
|
topMenu.init();
|
|
productMinitature.init();
|
|
productSelect.init();
|
|
|
|
$('.form-control-select').change(function(){
|
|
this.blur();
|
|
});
|
|
|
|
if ( $('.page-footer').children().length == 0 ) {
|
|
$('.page-footer').addClass('hidden');
|
|
}
|
|
|
|
// Sticky header
|
|
|
|
if ($('#header').attr('data-trans') == 'normal') {
|
|
var sticky_classes = 'sticky';
|
|
} else {
|
|
var sticky_classes = 'sticky normal';
|
|
}
|
|
|
|
var header_trans = function(){
|
|
if ($('#header').attr('data-trans') == 'normal') {
|
|
setTimeout(function() {
|
|
var header_height = $('#header').height();
|
|
$('main').css('padding-top', header_height);
|
|
}, 250);
|
|
} else {
|
|
var header_height = $('#header').height();
|
|
$('#top_column').css('min-height', header_height);
|
|
}
|
|
};
|
|
|
|
header_trans();
|
|
|
|
var sticky = function(){
|
|
$('#header').addClass(sticky_classes);
|
|
};
|
|
var stickyfrom = 0;
|
|
|
|
if ($(window).scrollTop() > stickyfrom) sticky();
|
|
if (window.matchMedia('(max-width: 991px)').matches) sticky();
|
|
|
|
$(window).scroll(function() {
|
|
if ($(this).scrollTop() > stickyfrom){
|
|
sticky();
|
|
} else {
|
|
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
$('#header').removeClass(sticky_classes);
|
|
}
|
|
}
|
|
});
|
|
|
|
$(window).on('resize', function(){
|
|
if (window.matchMedia('(max-width: 991px)').matches) {
|
|
header_trans();
|
|
sticky();
|
|
} else {
|
|
header_trans();
|
|
if ($(this).scrollTop() == stickyfrom){
|
|
$('#header').removeClass(sticky_classes);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Hide header on scroll
|
|
if ($('#header').attr('data-hide') == 'yes') {
|
|
|
|
var didScroll;
|
|
var lastScrollTop = 500;
|
|
var delta = 5;
|
|
|
|
$(window).scroll(function(event){
|
|
didScroll = true;
|
|
});
|
|
|
|
setInterval(function() {
|
|
if (didScroll) {
|
|
hasScrolled();
|
|
didScroll = false;
|
|
}
|
|
}, 250);
|
|
|
|
function hasScrolled() {
|
|
var st = $(window).scrollTop();
|
|
if(Math.abs(lastScrollTop - st) <= delta)
|
|
return;
|
|
|
|
if (st > lastScrollTop && st > 500){
|
|
// Scroll Down
|
|
$('#header').addClass('hide_up');
|
|
} else {
|
|
// Scroll Up
|
|
if(st + $(window).height() < $(document).height()) {
|
|
$('#header').removeClass('hide_up');
|
|
}
|
|
}
|
|
lastScrollTop = st;
|
|
}
|
|
}
|
|
|
|
// page reload
|
|
$(".animsition").animsition({
|
|
inClass: 'fade-in',
|
|
outClass: 'fade-out',
|
|
inDuration: 600,
|
|
outDuration: 600,
|
|
linkElement: 'a.noloader',
|
|
// e.g. linkElement: 'a:not([target="_blank"]):not([href^="#"])'
|
|
loading: false,
|
|
loadingParentElement: 'body', //animsition wrapper element
|
|
loadingClass: 'animsition-loading',
|
|
loadingInner: '', // e.g '<img src="loading.svg" />'
|
|
timeout: true,
|
|
timeoutCountdown: 300,
|
|
onLoadEvent: true,
|
|
browser: [ 'animation-duration', '-webkit-animation-duration'],
|
|
// "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
|
|
// The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
|
|
overlay : false,
|
|
overlayClass : 'animsition-overlay-slide',
|
|
overlayParentElement : 'body',
|
|
transition: function(url){ window.location.href = url; }
|
|
});
|
|
|
|
$('.animsition').on('animsition.outStart', function(){
|
|
var exitDiv = $('.roy-loader');
|
|
exitDiv.fadeIn('slow');
|
|
});
|
|
$('.animsition').on('animsition.inStart', function(){
|
|
var exitDiv = $('.roy-loader');
|
|
exitDiv.fadeOut(400);
|
|
});
|
|
|
|
|
|
// 2020 filter mobile side
|
|
$('body').on('click', '#search_filter_toggler', function () {
|
|
$('body').addClass('filter_open');
|
|
});
|
|
$('.filter_close, .closefilters').click(function () {
|
|
$('body').removeClass('filter_open');
|
|
});
|
|
|
|
|
|
// side
|
|
// side: reopen function for mobile and open for desktop
|
|
var reopen = function() {
|
|
if($('body').hasClass('side_open')) {
|
|
|
|
$('body').removeClass('side_content');
|
|
$('.side_menu').removeClass('reopen_go').addClass('reopen_hide');
|
|
setTimeout(function(){
|
|
$('body').addClass('side_content');
|
|
}, 320);
|
|
setTimeout(function(){
|
|
$('.side_menu').removeClass('reopen_hide').addClass('reopen_go');
|
|
}, 600);
|
|
|
|
} else {
|
|
$('body').addClass('side_open side_content was_open')
|
|
}
|
|
}
|
|
|
|
var searchtoside = function() {
|
|
$('.action .search-widget').attr("id","");
|
|
$('.side_menu .search-widget').attr("id","search_widget");
|
|
}
|
|
|
|
searchtoside();
|
|
|
|
// side: close
|
|
$('.side_close, .close_cross, .return').click(function () {
|
|
$('body').removeClass('side_open side_content filter_open');
|
|
cartprodshide();
|
|
accsidehide();
|
|
setTimeout(function(){
|
|
$('body').removeClass('was_open');
|
|
}, 440);
|
|
});
|
|
|
|
var cartprodshide = function () {
|
|
$('.side_menu').find('.cart-prods > li').each(function(i){
|
|
$(this).removeClass('show');
|
|
});
|
|
}
|
|
var cartprodsshow = function () {
|
|
$('.side_menu').find('.cart-prods > li').each(function(i){
|
|
var row = $(this);
|
|
setTimeout(function(){
|
|
row.addClass('show');
|
|
}, 300 + i * 220);
|
|
});
|
|
}
|
|
var accsidehide = function () {
|
|
$('.side_menu').find('.acc_ul > *').each(function(i){
|
|
$(this).removeClass('show');
|
|
});
|
|
}
|
|
var accsideshow = function () {
|
|
$('.side_menu').find('.acc_ul > *').each(function(i){
|
|
var row = $(this);
|
|
setTimeout(function(){
|
|
row.addClass('show');
|
|
}, 300 + i * 120);
|
|
});
|
|
}
|
|
var scrollsidetop = function () {
|
|
setTimeout(function(){
|
|
$('html, body').animate({
|
|
scrollTop: $(".side_menu").offset().top
|
|
}, 1000);
|
|
}, 980);
|
|
}
|
|
|
|
// action on click
|
|
var sm = $('.side_menu');
|
|
var aoc_m = sm.attr('data-menu'),
|
|
aoc_s = sm.attr('data-search'),
|
|
aoc_c = sm.attr('data-cart'),
|
|
aoc_a = sm.attr('data-acc');
|
|
|
|
|
|
$(window).on('load resize', function(){
|
|
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
|
|
$('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_c);
|
|
|
|
$('.menu_top').hover(function(){
|
|
$('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_m);
|
|
});
|
|
$('.search-widget').hover(function(){
|
|
$('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_s);
|
|
});
|
|
$('.cart_widget, .add_wrap, .add-to-cart').hover(function(){
|
|
$('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_c);
|
|
});
|
|
$('.acc_top').hover(function(){
|
|
$('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_a);
|
|
});
|
|
} else {
|
|
$('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay1');
|
|
}
|
|
});
|
|
|
|
// side: open, levibox clicks
|
|
var cart_click = function (e) {
|
|
e.preventDefault();
|
|
accsidehide();
|
|
reopen();
|
|
$('.side_menu .side_menu_rel > div').removeClass('show');
|
|
$('#side_cart_wrap').addClass('show');
|
|
$('.side_close').removeClass('search_close menu_close acc_close').addClass('cart_close');
|
|
$('.side_close i').toggleClass('rotateit');
|
|
if($('.side_menu').hasClass('reopen_hide')) {
|
|
setTimeout(function(){
|
|
cartprodsshow();
|
|
}, 320);
|
|
} else {
|
|
cartprodsshow();
|
|
}
|
|
}
|
|
var search_click = function (e) {
|
|
e.preventDefault();
|
|
accsidehide();
|
|
cartprodshide();
|
|
$('.side_menu').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_s);
|
|
reopen();
|
|
searchtoside();
|
|
$('.side_menu .side_menu_rel > div').removeClass('show');
|
|
$('#side_search_wrap').addClass('show');
|
|
|
|
$('.side_close').removeClass('cart_close menu_close acc_close').addClass('search_close');
|
|
$('.side_close i').toggleClass('rotateit');
|
|
|
|
setTimeout(function(){
|
|
$('.side_menu .search-widget form input[type=text]').focus();
|
|
}, 1000);
|
|
|
|
}
|
|
var menu_click = function (e) {
|
|
e.preventDefault();
|
|
accsidehide();
|
|
cartprodshide();
|
|
$('.side_menu').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_m);
|
|
reopen();
|
|
$('.side_menu .side_menu_rel > div').removeClass('show');
|
|
$('#side_menu_wrap').addClass('show');
|
|
$('.side_close').removeClass('cart_close search_close acc_close').addClass('menu_close');
|
|
$('.side_close i').toggleClass('rotateit');
|
|
}
|
|
var acc_click = function (e) {
|
|
e.preventDefault();
|
|
cartprodshide();
|
|
$('.side_menu').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_a);
|
|
reopen();
|
|
$('.side_menu .side_menu_rel > div').removeClass('show');
|
|
$('#side_acc_wrap').addClass('show');
|
|
$('.side_close').removeClass('cart_close search_close menu_close').addClass('acc_close');
|
|
$('.side_close i').toggleClass('rotateit');
|
|
if($('.side_menu').hasClass('reopen_hide')) {
|
|
setTimeout(function(){
|
|
accsideshow();
|
|
}, 320);
|
|
} else {
|
|
accsideshow();
|
|
}
|
|
}
|
|
|
|
$('.box-cart').off("click", cart_click).on("click", cart_click);
|
|
$('.box-search').off("click", search_click).on("click", search_click);
|
|
$('.box-menu').off("click", menu_click).on("click", menu_click);
|
|
$('.box-acc').off("click", acc_click).on("click", acc_click);
|
|
|
|
$('#header .row.action .blockcart a.cart_nogo').off("click", cart_click).on("click", cart_click);
|
|
$('#header .row.action .search_nogo').off("click", search_click).on("click", search_click);
|
|
|
|
// mobile - desktop switch
|
|
if ($('#is_media').css('float') == 'left') {
|
|
|
|
$('body').addClass('mob_enabled');
|
|
|
|
} else {
|
|
$('body').removeClass('mob_enabled');
|
|
$('body').removeClass('side_open side_content');
|
|
}
|
|
|
|
$(window).on('resize', function(){
|
|
if ($('#is_media').css('float') == 'left') {
|
|
$('body').addClass('mob_enabled');
|
|
} else {
|
|
// $('body').removeClass('mob_enabled');
|
|
// $('body').removeClass('side_open side_content');
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
// special label height
|
|
$(window).load(function() {
|
|
setTimeout(function() {
|
|
$('#header').css('opacity','1');
|
|
}, 400);
|
|
setTimeout(function() {
|
|
$('#wrapper').css('opacity','1');
|
|
}, 700);
|
|
setTimeout(function() {
|
|
$('.breadcrumb').css({
|
|
'opacity':'1',
|
|
'transform':'matrix(1, 0, 0, 1, 0, 0)',
|
|
});
|
|
}, 750);
|
|
});
|
|
|
|
// 1.1 fix slash after home category
|
|
var breadlast = $('.breadcrumb > ol > li:last-child').find("span[itemprop*='name']");
|
|
if($.trim(breadlast.html())=='') {
|
|
breadlast.parent().prev().addClass('noafter');
|
|
}
|
|
|
|
// tooltip
|
|
|
|
|
|
function uitiprun() {
|
|
|
|
var $uiEl = $('.tip_inside');
|
|
$('body').append('<div id="ui_tip"><div class="ui_wrapper"><span class="ui_title"></span></div></div>');
|
|
var $uiTip = $('#ui_tip');
|
|
var $uiTipTitle = $uiTip.find('.ui_title');
|
|
|
|
$uiEl.on('mousemove', function(e) {
|
|
$uiTip.css({
|
|
top: e.clientY,
|
|
left: e.clientX
|
|
});
|
|
|
|
var winwidth = $(window).width(),
|
|
tipwidth = $('#ui_tip').width(),
|
|
tiprightdot = e.clientX + tipwidth + 14 + 40; // plus 40 padding compensation
|
|
|
|
if (tiprightdot > winwidth) {
|
|
$('#ui_tip').addClass('align-right');
|
|
} else {
|
|
$('#ui_tip').removeClass('align-right');
|
|
}
|
|
});
|
|
|
|
$uiEl.on('mouseover', function(e) {
|
|
$uiTipTitle.text($(this).find('.tip').text());
|
|
setTimeout(function() {
|
|
$uiTip.addClass('active')
|
|
}, 10);
|
|
}).on('mouseout', function(e) {
|
|
setTimeout(function() {
|
|
$uiTip.removeClass('active');
|
|
}, 10);
|
|
});
|
|
|
|
$(window).scroll(function() {
|
|
setTimeout(function() {
|
|
if($uiTip.hasClass('active')) {
|
|
$uiTip.removeClass('active');
|
|
}
|
|
}, 200);
|
|
});
|
|
|
|
}
|
|
|
|
$(document).ready(() => {
|
|
uitiprun();
|
|
});
|
|
|
|
|
|
// product 3rd lay
|
|
$('body').append('<div id="ui_prod"><div class="ui_wrapper"><span class="ui_name"><span></span></span><div><span class="ui_price"></span></div></div></div>');
|
|
var $uiProd = $('article.pl_lay3'),
|
|
$uiProdTip = $('#ui_prod'),
|
|
$uiProdName = $uiProdTip.find('.ui_name > span'),
|
|
$uiProdPrice = $uiProdTip.find('.ui_price');
|
|
|
|
$uiProd.on('mousemove', function(e) {
|
|
$uiProdTip.css({
|
|
top: e.clientY,
|
|
left: e.clientX
|
|
});
|
|
var winwidth = $(window).width(),
|
|
tipwidth = $('#ui_prod').width(),
|
|
tiprightdot = e.clientX + tipwidth + 54;
|
|
if (tiprightdot > winwidth) {
|
|
$('#ui_prod').addClass('align-right');
|
|
} else {
|
|
$('#ui_prod').removeClass('align-right');
|
|
}
|
|
});
|
|
|
|
$uiProd.find('.product-thumbnail').on('mouseover', function(e) {
|
|
|
|
$uiProdName.text($(this).closest('article').find('.product-title').text());
|
|
$uiProdPrice.html($(this).closest('article').find('.product-price-and-shipping').html());
|
|
setTimeout(function() {
|
|
$uiProdTip.addClass('active')
|
|
}, 10);
|
|
|
|
$(this).closest('article').find('.tip_inside').on('mouseover', function(e) {
|
|
console.log('inner');
|
|
$uiProdTip.removeClass('active');
|
|
}).on('mouseout', function(e) {
|
|
$uiProdTip.addClass('active')
|
|
});
|
|
|
|
}).on('mouseleave', function(e) {
|
|
$uiProdTip.removeClass('active');
|
|
});
|
|
|
|
|
|
// Sticky Right Column PP
|
|
var pp_stick = $('.pp_stick_it'),
|
|
pp_stick_ops = {
|
|
parent: '.pp_stick_parent',
|
|
offset_top: 90
|
|
};
|
|
|
|
$(window).on('load resize', function(){
|
|
setTimeout(function() {
|
|
|
|
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
pp_stick.stick_in_parent(pp_stick_ops);
|
|
} else {
|
|
pp_stick.trigger("sticky_kit:detach");
|
|
}
|
|
|
|
},750);
|
|
|
|
});
|
|
|
|
|
|
// Roy Countdowns
|
|
$(document).ready(function($){
|
|
$( ".roycount" ).each(function(e) {
|
|
var $roycount = $(this);
|
|
var $dataspecificpriceto = $roycount.attr('data-specific-price-to');
|
|
$roycount.closest('.roycountdown').county({
|
|
endDateTime: new Date($dataspecificpriceto.replace(/-/g, "/")) , reflection: false, animation: 'none', theme: 'black',
|
|
titleDays:$roycount.data('days'),titleHours:$roycount.data('hours'),titleMinutes:$roycount.data('minutes'),titleSeconds:$roycount.data('seconds')
|
|
});
|
|
})
|
|
});
|
|
|
|
// Youtube responsive
|
|
$(function() {
|
|
|
|
var $allVideos = $(".page-cms iframe[src^='//player.vimeo.com'], .page-cms iframe[src^='https://player.vimeo.com'], .page-cms iframe[src^='//www.youtube.com'], .page-cms iframe[src^='https://www.youtube.com'], .page-cms iframe[src^='http://www.youtube.com'], .page-cms object, .page-cms embed"),
|
|
$allVideosPPS = $("#short_description_content iframe[src^='//player.vimeo.com'], #short_description_content iframe[src^='https://player.vimeo.com'], #short_description_content iframe[src^='//www.youtube.com'], #short_description_content iframe[src^='https://www.youtube.com'], #short_description_content iframe[src^='http://www.youtube.com'], #short_description_content object, #short_description_content embed"),
|
|
$fluidElPPS = $("#short_description_content"),
|
|
$allVideosPPF = $("#idTab1 iframe[src^='//player.vimeo.com'], #idTab1 iframe[src^='https://player.vimeo.com'], #idTab1 iframe[src^='//www.youtube.com'], #idTab1 iframe[src^='https://www.youtube.com'], #idTab1 iframe[src^='http://www.youtube.com'], #idTab1 object, #idTab1 embed"),
|
|
$fluidElPPF = $("#idTab1"),
|
|
$allVideosB = $("#module-smartblog-details iframe[src^='//player.vimeo.com'], #module-smartblog-details iframe[src^='https://player.vimeo.com'], #module-smartblog-details iframe[src^='//www.youtube.com'], #module-smartblog-details iframe[src^='https://www.youtube.com'], #module-smartblog-details iframe[src^='http://www.youtube.com'], #module-smartblog-details object, #module-smartblog-details embed"),
|
|
$fluidElB = $("#module-smartblog-details #content"),
|
|
$allVideosRC = $(".video_banner iframe[src^='//player.vimeo.com'], .video_banner iframe[src^='https://player.vimeo.com'], .video_banner iframe[src^='//www.youtube.com'], .video_banner iframe[src^='https://www.youtube.com'], .video_banner iframe[src^='http://www.youtube.com'], .video_banner object, .video_banner embed");
|
|
|
|
$allVideos.each(function() {
|
|
|
|
$(this)
|
|
// jQuery .data does not work on object/embed elements
|
|
.attr('data-aspectRatio', this.height / this.width)
|
|
.removeAttr('height')
|
|
.removeAttr('width');
|
|
|
|
});
|
|
|
|
$(window).resize(function() {
|
|
|
|
var newWidthPPS = $fluidElPPS.width();
|
|
var newWidthPPF = $fluidElPPF.width();
|
|
var newWidthB = $fluidElB.width();
|
|
|
|
$allVideos.each(function() {
|
|
|
|
var $el = $(this);
|
|
var $fluidEl = $el.parent();
|
|
var newWidth = $fluidEl.width();
|
|
$el
|
|
.width(newWidth)
|
|
.height(newWidth * $el.attr('data-aspectRatio'));
|
|
|
|
});
|
|
|
|
$allVideosB.each(function() {
|
|
var $el = $(this);
|
|
$el
|
|
.width(newWidthB)
|
|
.height(newWidthB * $el.attr('data-aspectRatio'));
|
|
});
|
|
$allVideosPPS.each(function() {
|
|
var $el = $(this);
|
|
$el
|
|
.width(newWidthPPS)
|
|
.height(newWidthPPS * $el.attr('data-aspectRatio'));
|
|
});
|
|
$allVideosPPF.each(function() {
|
|
var $el = $(this);
|
|
$el
|
|
.width(newWidthPPF)
|
|
.height(newWidthPPF * $el.attr('data-aspectRatio'));
|
|
});
|
|
$allVideosRC.each(function() {
|
|
|
|
var $el = $(this);
|
|
var $fluidElRC = $el.closest('.video_banner');
|
|
var newWidthRC = $fluidElRC.width();
|
|
$el
|
|
.width(newWidthRC)
|
|
.height(newWidthRC * $el.attr('data-aspectRatio'));
|
|
});
|
|
|
|
}).resize();
|
|
|
|
});
|