var $ = jQuery, clickLock = false, currentIndexes = [], movingAnimations = [], bottomOffset = 200, hash = true // Align the circle to the center of the icon function getCenter(el){ return el.position().left + el.width()/2 } // Move the circle function moveCircle(parent, el){ var centerDiff = getCenter(el) - getCenter(parent.find('.elementor-widget-icon-box').eq(0)) leftOffset = parent.find('.elementor-widget-icon-box').eq(0).offset().left - parent.offset().left parent.find('.elementor-widget-divider').css('transform', 'translateX(' + (centerDiff+leftOffset) + 'px)') } // Make the icon highlighted function setActive(menu, index, i){ menu.addClass('bubbling') movingAnimations[i] = true setTimeout(function(){ if(movingAnimations[i]){ menu.addClass('bubble') } },50) menu.find('.elementor-widget-icon-box').removeClass('active') menu.find('.elementor-widget-icon-box').eq(index).addClass('active') moveCircle(menu, menu.find('.elementor-widget-icon-box').eq(index)) } // Remove highlighted if needed function removeActive(menu, i){ movingAnimations[i] = false menu.removeClass('bubbling bubble') menu.find('.elementor-widget-icon-box').removeClass('active') } $(document).ready(function(){ $('.icon-menu').each(function(i){ var $this = $(this) currentIndexes.push(-1) movingAnimations.push(false) // Hover Effect $this.find('.elementor-widget-icon-box').on('mousemove mouseenter', function(){ setActive($this, $(this).index(), i) }) // Back to current item on mouse leave $this.on('mouseleave', function(){ if(currentIndexes[i] == -1){ removeActive($this, i) }else{ setActive($this, currentIndexes[i]) } }) // Click Effect $this.find('.elementor-widget-icon-box').on('click', function(e){ if( !hash ){ var link = $(this).find('a').attr('href') if( link == '' || link[0] == '#' ){ return } } setActive($this, $(this).index(), i) currentIndexes[i] = $(this).index() clickLock = true setTimeout(function(){ clickLock = false },1500) }) }) }) function removeSlash(str){ return str.replace(/^\/+|\/+$/g, '') } function getPath(url){ return removeSlash((new URL(url, location.protocol+'//'+location.hostname)).pathname) } $(window).on('load', function(){ $('.icon-menu').each(function(i){ var $this = $(this) $this.find('.elementor-widget-icon-box').each(function(index){ // Add # in case of empty link var span1 = $(this).find('span.elementor-icon'), span2 = $(this).find('.elementor-icon-box-title span') if( span1.length ){ span1.replaceWith($('' + span1.html() + '')) } if( span2.length ){ span2.replaceWith($('' + span2.html() + '')) } // Hightlight icon in case of page URL var link = $(this).find('a').eq(0).attr('href') if(link){ if(link[0] != '#'){ hash = false if(getPath(link) == removeSlash(location.pathname)){ setActive($this, index, i) currentIndexes[i] = index } } } }) // Avoid initial animation setTimeout(function(){ $this.addClass('transition') },400) }) }) // Title overflow fixing for v2 $(window).on('load resize', function(){ $('.icon-menu').each(function(i){ var $this = $(this) $this.find('.elementor-widget-icon-box').each(function(index){ if($this.hasClass('v2')){ var offset = 20, title = $(this).find('.elementor-icon-box-title'), titleLeft = title.offset().left, menuLeft = $this.offset().left, titleRight = titleLeft + title.outerWidth(), menuRight = menuLeft + $this.outerWidth(), translateLeft = titleLeft - menuLeft, translateRight = menuRight - titleRight if($(window).width() < 768){ offset = 4 } // Right fix if(translateRight < offset){ title.css('transform', 'translateX(' + (translateRight-offset) + 'px)') } // Left fix if(translateLeft *:not(.icon-menu)') selector.each(function(){ if($(window).scrollTop() + $(window).height() - 350 > $(this).offset().top){ topIds.push($(this).attr('id')) } }) topIds = topIds.filter(element => element !== undefined) $('.icon-menu').each(function(i){ var $this = $(this), menuIndex // Hide menu near window bottom if( $('body').height() > $(window).height()+bottomOffset+100 ){ if($('body').height() -1 ) return var menuId = topIds[topIds.length - 1 - index] menuIndex = $this.find('[href="#'+ menuId +'"]').closest('.elementor-widget-icon-box').index() currentIndexes[i] = menuIndex }) if( menuIndex==undefined || menuIndex == -1 ){ currentIndexes[i] = -1 removeActive($(this), i) }else{ setActive($(this), menuIndex, i) } }) delay = 0 },delay) })

ديزل

ديزل هي وكالة ازياء إيطالية عالمية, أسسها (رينزو روسو) في سنة 1978, تستهدف ديزل بتصاميمها للملابس والإكسسوارات فئة الشباب. حققت ديزل نجاحات هائلة في العشرين سنة الأولى من عمرها، يرجع الفضل للمدير الابداعي السابق يلبرت داس الذي عين في سنة 1993، ركز داس في عمله على إيصال ديزل للعالمية، توسعت ديزل تحت إدارته لتشمل منتجات عديدة، تصاميم للأطفال، النظارات، الملابس الداخلية، الحقائب، الإكسسوارات، والعطورات.

عرض 1–12 من أصل 18 نتيجة