ERDEM KELLECİGİL | FAKE STYLIST

The Ultimate Grey


Oversized modasının etkisi kadın ve erkek üzerindeki hakimiyetini sürdürmeye devam ediyor. Benim de günlük hayatımda bolca yer verdiğim oversized sweatshirtler; olabildiğince sokağa uyum sağlayan, özgür ve asi formlara sahip olabilir. Bu sezonun hiti olan parıltısı dudaklar bu konseptle birleştirildiğinde ortaya çıkan bütünlük oldukça trendy. Kıyafetlerin konuşulduğu kadar saçlarında kendini gösterdiği 2016 yılını geride bırakıyoruz. (Örneğin: Marc Jacobs' SS17 collection) Saçlara uygulanan model alternatifinin geniş bir yelpazeye sahip olduğu gözler önüne serildi. Özellikle örgü ve rastaların bu yarışta açık ara birinciliği kaptıkları kesin. Siz de kombinlerinizde bu tarz saç modellerini kullanarak kombininizi daha modern hale getirebilirsiniz. 




                                                                                            



Çicekli T-shirt - H&M
Sweatshirt - Terkos Pasajı
Beyaz Ceket - Beyoğlu Pasajı
Siyah Ceket - H&M
Fermuarlı Pantolon - My design (H&M)
Yırtık Pantolon - H&M


Share this:

/** * Slideshowify is a super easy-to-use jQuery plugin for generating image slideshows * with a Ken Burns Effect, where images which don't fit the screen exactly * (generally the case) are cropped and either panned across the screen or * zoomed in a randomly determined direction. * * Author: Aleksandar Kolundzija * version 0.9.3 * * @requires jquery * @requires jquery.transit (http://ricostacruz.com/jquery.transit/) as of version 0.9 * * (The MIT License) * * Copyright (c) 2012 Aleksandar Kolundzija (a@ak.rs) * * Permission is hereby granted, free of charge, to any person obtaining * a copy of this software and associated documentation files (the * 'Software'), to deal in the Software without restriction, including * without limitation the rights to use, copy, modify, merge, publish, * distribute, sublicense, and/or sell copies of the Software, and to * permit persons to whom the Software is furnished to do so, subject to * the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ (function($){ $.fn.slideshowify = function(/* config */){ var _self = this, _imgs = [], _imgIndex = -1, _imgIndexNext = 0, // for preloading next _transition = true, // use CSS3 transitions (default might be changed during init) _easing = 'in-out', _viewEl = document, // filled by slideshow (used for determining dimensions) _containerId = "slideshowify-" + new Date().getTime(), _containerCSS = { "position" : "absolute", "overflow" : "hidden", "z-index" : "-2", "left" : "0", "top" : "0", "width" : "100%", "height" : "100%" }, _cfg = { parentEl : "body", // slideshow-container is injected into this blend : "into", // "into" || "toBg" randomize : false, fadeInSpeed : 1500, fadeOutSpeed : 1500, aniSpeedMin : 9000, aniSpeedMax : 15000 }, _$viewEl, _$parentEl; if (arguments[0]){ $.extend(_cfg, arguments[0]); // reconfigure if (_cfg.parentEl != "body") { _viewEl = _cfg.parentEl; } } // local refs _$viewEl = $(_viewEl); _$parentEl = $(_cfg.parentEl); /** * Fill viewEl with image (most likely cropped based on its dimensions and view size). * @TODO Add support for target divs whose dimensions were set with %s (get px value from parents). * @TODO Add a window resize handler (adjust photo dims/margins). */ function _revealImg(curImg){ var $img = $(this), viewW = _$viewEl.width(), viewH = _$viewEl.height(), viewRatio = viewW/viewH, imgRatio = $img.width()/$img.height(), marginThreshold = Math.floor(Math.max(viewW, viewH)/10), // for zoom transitions direction = Math.round(Math.random()), transAttr = {}, transProps, marginPixels, modDims; // will hold values to set and animate if (imgRatio > viewRatio){ modDims = _transition ? direction ? {dim:'left', attr:'x', sign:'-'} : {dim:'right', attr:'x', sign:''} : direction ? {dim:'left', attr:'left', sign:'-'} : {dim:'right', attr:'right', sign:'-'}; $img.height(viewH + 'px').width(curImg.w * (viewH/curImg.h) + 'px'); marginPixels = $img.width() - viewW; } else { modDims = _transition ? direction ? {dim:'top', attr:'y', sign:'-'} : {dim:'bottom', attr:'y', sign:''} : direction ? {dim:'top', attr:'top', sign:'-'} : {dim:'bottom', attr:'bottom', sign:'-'}; $img.width(viewW+'px').height(curImg.h * (viewW/curImg.w) + 'px'); marginPixels = $img.height() - viewH; } $img.css(modDims.dim, '0'); transAttr[modDims.attr] = modDims.sign + marginPixels + 'px'; // if marginThreshold is small, zoom a little instead of panning if (_transition && marginPixels < marginThreshold){ if (direction){ // zoom out $img.css('scale','1.2'); transAttr = {'scale':'1'}; } else { // zoom in transAttr = {'scale':'1.2'}; } } transProps = { duration : Math.min(Math.max(marginPixels * 10, _cfg.aniSpeedMin), _cfg.aniSpeedMax), easing : _easing, queue : false, complete : function(){ _$parentEl.trigger('beforeFadeOut', _imgs[_imgIndex]) $img.fadeOut(_cfg.fadeOutSpeed, function(){ _$parentEl.trigger('afterFadeOut', _imgs[_imgIndex]); $img.remove(); }); _loadImg(); } }; _$parentEl.trigger('beforeFadeIn', _imgs[_imgIndex]); $img.fadeIn(_cfg.fadeInSpeed, function(){ $img.css('z-index', -1); _$parentEl.trigger('afterFadeIn', _imgs[_imgIndex]) }); // use animate if css3 transitions aren't supported _transition ? $img.transition($.extend(transAttr, transProps)) : $img.animate(transAttr, transProps); } // end of _revealImg() /** * Loads image and starts display flow */ function _loadImg(){ var img = new Image(), nextImg = new Image(), // for preloading len = _imgs.length; _imgIndex = (_imgIndex < len-1) ? _imgIndex+1 : 0; $(img) // assign handlers .load(function(){ if (_cfg.blend==='into'){ $(this).css({'position':'absolute', 'z-index':'-2'}); $('#'+_containerId).append(this); } else { // @TODO verify that this works $('#'+_containerId).empty().append(this); } _revealImg.call(this, _imgs[_imgIndex]); }) .error(function(){ throw new Error("Oops, can't load the image."); }) .hide() .attr("src", _imgs[_imgIndex].src); // load if (_imgIndexNext == len) return; // nothing left to preload // preload next image _imgIndexNext = _imgIndex + 1; if (_imgIndexNext < len-1){ nextImg.src = _imgs[_imgIndexNext].src; } } // end of _loadImg() // INITIALIZE if (!$.support.transition) { _transition = false; _easing = 'swing'; } if (!_cfg.imgs){ // images were passed as selector // load images into private array $(this).each(function(i, img){ $(img).hide(); _imgs.push({ src : $(img).attr('src'), w : $(img).width(), h : $(img).height() }); }); } else { _imgs = _cfg.imgs; } if (_cfg.randomize){ _imgs.sort(function(){ return 0.5 - Math.random(); }); } // create container div $("
") .css(_containerCSS) .appendTo(_cfg.parentEl); // start _loadImg(); return this; }; /** * Expose slideshowify() to jQuery for use without DOM selector. */ $.slideshowify = function(cfg){ var _self = this, _cfg = { dataUrl : "", dataType : "json", async : true, filterFn : function(data){ return data; } // default filter. does nothing }; $.extend(_cfg, cfg); $.ajax({ url : _cfg.dataUrl, dataType : _cfg.dataType, async : _cfg.async, success : function(imgs){ _cfg.imgs = _cfg.filterFn(imgs); $({}).slideshowify(_cfg); } }); }; }(jQuery)); //]]>