Quantcast
Channel: Swide Magazine - The Dolce & Gabbana Luxury Magazine Online » Ben Taylor
Viewing all articles
Browse latest Browse all 12

Iconic art goes minimal in iPhone illustrations

$
0
0

Iconic art goes minimal in iPhone illustrations

Post a comment
'+discountedprice+'
'; else htmlprice = '
'+price+'
'; var code10 = first_variante_colore; scu_id = json.Item.Code8; tag_scu_id = 'tag_'+scu_id; var url_image = 'http://cdn.yoox.biz/'+codfolder+'/'+image+'_11_f.jpg'; if(noproduct != ''){ var new_marker = { SCU : scu_id, htmlCode : '

'+title+'

' + '' } } else { var htmlcolor = ''; if(colorItem) htmlcolor = '
COLOR
    '+colorItem+'
'; var htmlsize = ''; if(sizeItem) htmlsize = '
SIZES
    '+sizeItem+'
'; if(codestore == 'CN') var urlImage = 'http://store.dolcegabbana.com.cn/item.asp?cod10='+code10+'&TSKAY='+tskay; var urlImage = 'http://store.dolcegabbana.com/item.asp?cod10='+code10+'&TSKAY='+tskay; var new_marker = { SCU : scu_id, htmlCode : '

'+title+'

' + '' } } var index = slide_index+1; var dim = jQuery('#slide_'+index).width() - jQuery('#slide_'+index+' img').width() - 130; jQuery('.lookInfo_'+slide_index).css('width',dim+'px'); jQuery('.lookInfo_'+slide_index+' #itemTpl_'+slide_index +' #tag_'+new_marker.SCU).html(new_marker.htmlCode); } else { // prodotto offline?!?!? } } var Markers = { scuMarkers : Array(), fn: { addMarkers: function() { var $this = this; var target = jQuery('.carousel_li.active'); var pickContainer = jQuery('.carousel_li.active .linkPick'); pickContainer.empty(); var data = target.attr('data-captions'); if(data != '' /*&& needsUpdate*/) { } else { } var num_slide = target.attr('id'); var totalINFO = ''; if(data != null && data != ""){ // if we have data var captions = jQuery.parseJSON(data); var coords = captions.coords; var nitem = 0; for (var t = 0; t < coords.length; t++) { nitem++; var obj = coords[t]; var top = obj.top; var left = obj.left; var scu = obj.scu; titleSKU[obj.scu] = obj.p_title; var linkpick = obj.url; var titlepick = obj.p_url_title; if(t < 1 && title_image == '' && subtitle_image == ''){ if( jQuery(window).width() > 800 && device_pick != 'mobile'){ jQuery('.carousel_li.active .resize-container').append('

'); } else { jQuery('.carousel').append('

'); } title_image = coords[0].title; subtitle_image = coords[0].subtitle; jQuery('.lookInfo_'+slide_index+' #titleImage_'+slide_index).html(title_image); jQuery('.lookInfo_'+slide_index+' #subtitleImage_'+slide_index).html(subtitle_image); totalINFO = jQuery('.lookInfo_'+slide_index+' #itemTpl_'+slide_index); } //var scu = id_scu; var url = 'http://store.dolcegabbana.com/api/Item.API/1.0/'+siteCode+'/item/'; if(scu != 'null' && scu != null && scu != undefined && scu != 'undefined' && scu != ''){ var markerID = "tag_"+scu; var createlink = url + scu + '.jsonp'; var el = ''; pickContainer.append(el); totalINFO.append('
'); var tmpMarker = {ID : markerID , _scu : scu , _top : top , _left : left}; Markers.scuMarkers.push(tmpMarker); $.ajax({ url: createlink, type: "get", dataType: "jsonp", }) // end ajax call } else if(linkpick != '' && linkpick != undefined && titlepick != '' && titlepick != undefined) { var el = ''; pickContainer.append(el); totalINFO.append('
'); var info = '

'+titlepick+'

' + '
'; var index = slide_index+1; var dim = jQuery('#slide_'+index).width() - jQuery('#slide_'+index+' img').width() - 130; jQuery('.lookInfo_'+slide_index).css('width',dim+'px'); jQuery('.lookInfo_'+slide_index+' #itemTpl_'+slide_index +' #tag_'+t).html(info); } else { } } // end for } } }, init: function(currentIndex) { slide_index = currentIndex; var $this = this; $.ajax({ url: 'http://api.yoox.biz/Geo.API/1.0/site/DOLCEEGABBANA/ip.jsonp', dataType: "jsonp", type: "get", success: function( response ) { siteCode = response.Site['SiteCode']; currency = response.Site.Market.Currency['IsoCode']; codestore = response.Site.Market.Code['Code']; tskay = response.Site['Tskay']; title_image = ''; subtitle_image = ''; $this.my_markers = Array(); $this.fn.addMarkers(); } }); } }; var json = null; var slider = null; jQuery(document).ready(function(){ slider = jQuery('.bxslider').bxSlider({ auto: false, autoControls: false, autoHover: true, video: false, /*adaptiveHeight: true,*/ adaptiveHeight: false, tickerHover: true, pager:false, slideWidth: jQuery('.intro').width(), onSliderLoad: function fooload(currentIndex){ initSlide(); Markers.init(currentIndex); jQuery('.carousel_li').each(function(){ var data = $(this).attr('data-captions'); if(data == '') { jQuery(this).addClass('image_no_pick'); } else { jQuery(this).addClass('image_pick').append('
'); } }); jQuery('.carousel_li img').each(function(){ var image = document.getElementById("imageid-carousel"); var maxHeight = jQuery('.bx-viewport').height(); var ratio = 0; var width = jQuery(this).width(); var height = jQuery(this).height(); if(image.naturalHeight >= 660 && image.naturalHeight < image.naturalWidth && width/height >= 1 && height > maxHeight ){ //console.log('inner'); ratio = maxHeight / height; jQuery(this).css("height", maxHeight); jQuery(this).css("width", width * ratio); jQuery(this).css("margin","0 auto"); width = width * ratio; height = height * ratio; } if (width/height >= 1) { jQuery(this).parent().parent().addClass('landscape'); } else { jQuery(this).parent().parent().addClass('portrait'); } }); }, onSlideAfter : function foo($slideElement, oldIndex, newIndex){ var myGallImageUrl = $slideElement.data('href'); myGallImageUrl = myGallImageUrl.replace(/https?:\/\/[^\/]+/i, ""); dataLayer.push({'event': 'gallery', 'eventLabel': ''+myGallImageUrl+''}); if(history.pushState!=undefined){ history.replaceState({section:1}, "" , $slideElement.data('href')); } $('.carousel_li').each(function(){ $(this).removeClass('active'); }); var slide_count = slider.getSlideCount(); $slideElement.addClass('active'); Markers.init(newIndex); jQuery('.lookInfo_'+oldIndex).remove(); refreshImgDesc( $slideElement.data('title') , $slideElement.data('description') , $slideElement.data('slide') ); refreshSarer( $slideElement.data('href') , $slideElement.find('.caritem').attr('src') , $slideElement.data('title') , $slideElement.data('description') ); } }); jQuery('.list-related-post').fadeIn(900); jQuery("#slide_1").addClass('active'); jQuery('.lookContent').each(function(){ jQuery(this).hide(); }); set_social_bar_gallery(); }); function initSlide(){ var data_num_slide = 1; var data_img_desc = jQuery("#carousel ul").find("[data-slide-num='1']").data('description'); var data_img_title = jQuery("#carousel ul").find("[data-slide-num='1']").data('title'); var data_img_paging = jQuery("#carousel ul").find("[data-slide-num='1']").data('slide'); var data_img_url = jQuery("#carousel ul").find("[data-slide-num='1'] .caritem").attr('src'); var data_name = document.URL.substring(document.URL.lastIndexOf('/')+1); var my_item = jQuery("#carousel ul").find("[data-slide='" + data_name + "']"); if(history.pushState!=undefined){ history.replaceState({section:1}, "" , data_name + "/1-14"); } refreshImgDesc(data_img_title , data_img_desc , data_img_paging); refreshSarer( location.href , data_img_url , data_img_title , data_img_desc ); if(my_item != null && my_item != '') { data_num_slide = my_item.data('slide-num'); } if( parseInt(data_num_slide) ){ slider.goToSlide(data_num_slide-1); } jQuery('#mainImage').css('opacity','1'); } function refreshImgDesc(imgTitle , imgDesc , imgPaging){ jQuery('#title-i span').html(imgTitle + "   " + imgPaging.replace("-"," of ") + ""); if(imgDesc != ''){ jQuery('#current-image-description h2 span').html(imgDesc); jQuery('#current-image-description h2').css('padding-top','0px'); } } function refreshSarer( newPageUrl , newImgUrl , newTitle , newDescription ){ var btns_share = '' + '' + '' + '' + ''; jQuery('#single-gallery-sharer').html(btns_share); } var agent = navigator.userAgent.toLowerCase(); var device_pick = ''; function userAgent(agent){ $iphone = strstr(strtolower($ua), 'mobile'); //Search for 'mobile' in user-agent (iPhone have that) $android = strstr(strtolower($ua), 'android'); //Search for 'android' in user-agent $windowsPhone = strstr(strtolower($ua), 'phone'); //Search for 'phone' in user-agent (Windows Phone uses that) function androidTablet($ua){ //Find out if it is a tablet if(strstr(strtolower($ua), 'android') ){//Search for android in user-agent if(!strstr(strtolower($ua), 'mobile')){ //If there is no ''mobile' in user-agent (Android have that on their phones, but not tablets) return true; } } } $androidTablet = androidTablet($ua); //Do androidTablet function $ipad = strstr(strtolower($ua), 'ipad'); //Search for iPad in user-agent if($androidTablet || $ipad){ //If it's a tablet (iPad / Android) device_pick = 'tablet'; } else if($iphone && !$ipad || $android && !$androidTablet || $windowsPhone){ //If it's a phone and NOT a tablet device_pick = 'mobile'; } else{ //If it's not a mobile device device_pick = 'desktop'; } } (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function click_open_box(datalayer, id){ jQuery('.lookContent').each(function() { if(!jQuery(this).parent().parent().parent().parent().parent().hasClass('bx-clone')){ var current_id = jQuery(this).attr("id"); var only_id = id.replace('tag_',''); if (current_id == id) { if(jQuery(this).hasClass('active')){ jQuery(this).hide(1000); jQuery('#'+id).removeClass('active'); jQuery('#item_'+id).removeClass('active'); jQuery(this).removeClass('active'); if(jQuery(window).width() < 1030 && jQuery(window).width() > 900){ jQuery('#'+id).css('display','none'); } } else { if(datalayer == 'open_pick') dataLayer.push({'event': 'gallery-pick', 'itemPicked': only_id }); if(datalayer == 'open_title') dataLayer.push({'event': 'open-box', 'itemPicked': only_id }); if(jQuery(window).width() < 1030 && jQuery(window).width() > 900){ jQuery('#'+id).css('display','block'); } jQuery(this).show(1000); jQuery('#'+id).addClass('active'); jQuery('#item_'+id).addClass('active'); jQuery(this).addClass('active'); } } else { jQuery(this).hide(1000); jQuery('#'+current_id).removeClass('active'); jQuery('#item_'+current_id).removeClass('active'); jQuery(this).removeClass('active'); if(jQuery(window).width() < 1030 && jQuery(window).width() > 900){ jQuery('#'+current_id).css('display','none'); } } } }); } function set_social_bar_gallery(){ var $social_link = $('.gallery-social-links'); var domain = "http://" + document.domain; var coverImg = $('.intro').find('.image>img').attr('src'); var imgToShare = domain + coverImg; var twText = Encoder.htmlDecode($('meta[property="og:title"]').attr('content')) + " - "; var url = jQuery(location).attr('href'); var social_bar = ''; $social_link.html(social_bar); } window.onorientationchange = function(){ window.location.reload(); } $(window).resize(function(){ res(); }); var resInt=null; function res(){ clearTimeout(resInt); resInt=setTimeout(function(){ var idlook = jQuery('.carousel_li.active').attr("id"); var idslide = idlook.replace('slide_',''); var id = parseInt(idslide)-1; if(jQuery(window).width() < 900 && jQuery('#slide_'+idslide).hasClass("image_pick") == true){ var dim = jQuery('#slide_'+idslide).width() - jQuery('#slide_'+idslide+' img').width() - 130; jQuery('.carousel_li .lookInfo_'+id).width(dim); } },500); }

Viewing all articles
Browse latest Browse all 12

Trending Articles