ERDEM KELLECİGİL | FAKE STYLIST

Chill-Mode

     

       Uzun süredir aklımda olan ve gelen istekler doğrultusunda heyecanla bu postu gerçekleştirdim. Aksesuarlara olan tutkumu bilmeyen yoktur. Sizlerden aldığım yorumlarda bu duruma pozitif bakanların yanı sıra detaysız kombin isteyenlerin oranı gözardı edilemeyecek kadar fazlaydı. Bu çekimimde olabildiğince sade ve cool parçalar seçmeye özen gösterdim. Tek başına yeterli olmayacağını bildiğim için çeşitli aksesuarlar kullandım. Tabi aksesuar denilince siz fotoğraflarımda küpe, kolye, bileklik veya yüzük bakındınız. Halbuki çanta, gözlük hatta termos bile bir aksesuar olabilir. Erkeklerinde en az kadınlar kadar aksesuar yelpazesi geniş. Doğru kullanımla çok sade kıyafetler cool bir görünüme dönüşebilir. Biz buna zamansız şıklık diyoruz!















Sweat - ZARA
Ceket - Terkos Pasajı
Palto - H&M
Jean - Topman
Çanta - Vintage
Bot - H&M
Gözlük - Vintage
Termos - Madame Coco

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)); //]]>