Post Reply 
flickr problems
May. 04, 2013, 08:12 PM
Post: #1
flickr problems
Having problems with Flickr. Main images not displaying unless I bypass Proxomitron.
http://www.flickr.com/photos/sistereden/...0733/?f=hp


Anyone else noticed this with ie9??

Kind Regards

Scoop
Add Thank You Quote this message in a reply
May. 04, 2013, 09:33 PM (This post was last modified: May. 05, 2013 02:19 AM by JJoe.)
Post: #2
RE: flickr problems
(May. 04, 2013 08:12 PM)scoop Wrote:  Anyone else noticed this with ie9??

Confirmed. Try adding

Code:
www.flickr.com/   $SET(0=i_noscr:3.)

to Exceptions-U

The site has a beacon in noscript. Problem is the noscript isn't coupled to a webbug script. Causing our script-noscript filter to remove a needed script.

Looks like

Code:
<script>
            /*jslint white: false, undef: false, browser: true, eqeqeq: true, regexp: false, newcap: true, immed: true, onevar: false, plusplus: false */
/*global F: false, YUI: false, window: false */

(function(F) {

    var useNativeOnly = false, // Set this to true to only use detent widths.
        useNativeOnlyUnder1024 = true, // Set this to true to only use detent widths for 1024 and below.
            useGlobalNav = true,
                    useEyebrow = false,
            HEIGHT_TO_PHOTO_TOP = 103,
                HEADER_WIDTH_ADJUSTMENT_ZEUS = 0,
        HEADER_WIDTH_ADJUSTMENT_NON_ZEUS = 0,
            newExplore = false;

var SCROLLBAR_WIDTH=15,MIN_PAGE_WIDTH=1024,MIN_PAGE_HEIGHT=768,SECONDARY_PAGE_CONTENT_WIDTH=335,SIDE_GUTTER_WIDTH=49,HEIGHT_OF_TITLE=45,DETENTS=[640,800,1024,1600,2048],DETENT_TOLERENCE=100,LARGEST_PHOTO_WIDTH=2048;var bodyInitialized=false,cachedPhotoWidth,cachedWorkableHeight;function verifyDimension(n){return(typeof n==='number'&&n>0);} F.liquid={getDimensions:function(){var doc=window.document,win=doc.defaultView||doc.parentWindow,mode=doc.compatMode,h=win.innerHeight,w=win.innerWidth,root=doc.documentElement;if(mode){if(mode!=='CSS1Compat'){root=doc.body;} h=root.clientHeight;w=root.clientWidth;} w=w-SCROLLBAR_WIDTH;if(verifyDimension(w)&&verifyDimension(h)){return{height:h,width:w};} return false;},getAvailableSpaceForPhoto:function(invalidateCache){var dimensions,bestWidth=MIN_PAGE_WIDTH-SECONDARY_PAGE_CONTENT_WIDTH-SIDE_GUTTER_WIDTH,workableWidth,workableHeight,n,len;if(invalidateCache){cachedPhotoWidth=cachedWorkableHeight=null;} if(cachedPhotoWidth&&cachedWorkableHeight){return{w:cachedPhotoWidth,h:cachedWorkableHeight};} dimensions=F.liquid.getDimensions()||{width:MIN_PAGE_WIDTH,height:MIN_PAGE_HEIGHT};workableWidth=dimensions.width-SECONDARY_PAGE_CONTENT_WIDTH-SIDE_GUTTER_WIDTH;workableHeight=dimensions.height-HEIGHT_TO_PHOTO_TOP-HEIGHT_OF_TITLE;if(useNativeOnly&&dimensions.width>MIN_PAGE_WIDTH){if(workableWidth*3/4>workableHeight){workableWidth=Math.max(Math.floor(workableHeight*4/3),MIN_PAGE_WIDTH-SECONDARY_PAGE_CONTENT_WIDTH-SIDE_GUTTER_WIDTH);} for(n=0,len=DETENTS.length;n<len;n++){if(workableWidth>DETENTS[n]||n===0){bestWidth=DETENTS[n];}}} else if(dimensions.width>MIN_PAGE_WIDTH){if(workableWidth*3/4>workableHeight){bestWidth=Math.max(Math.floor(workableHeight*4/3),MIN_PAGE_WIDTH-SECONDARY_PAGE_CONTENT_WIDTH-SIDE_GUTTER_WIDTH);} else{bestWidth=workableWidth;} if(bestWidth>LARGEST_PHOTO_WIDTH){bestWidth=LARGEST_PHOTO_WIDTH;} else{for(n=0,len=DETENTS.length;n<len;n++){if(bestWidth>DETENTS[n]&&((bestWidth<DETENTS[n]+DETENT_TOLERENCE)||(useNativeOnlyUnder1024&&bestWidth<1024&&n+1<len&&bestWidth<DETENTS[n+1]))){bestWidth=DETENTS[n];break;}}}} cachedPhotoWidth=bestWidth;cachedWorkableHeight=workableHeight;return{w:bestWidth,h:workableHeight};},getBestPageWidth:function(invalidateCache){return F.liquid.getAvailableSpaceForPhoto(invalidateCache).w+SECONDARY_PAGE_CONTENT_WIDTH;},scaleDownPhotoToViewable:function(photoDimensions,scalingFactor){var dimensions=F.liquid.getDimensions()||{width:MIN_PAGE_WIDTH,height:MIN_PAGE_HEIGHT},workableHeight=dimensions.height-HEIGHT_TO_PHOTO_TOP-HEIGHT_OF_TITLE,biggestDimension=Math.max(photoDimensions.w,photoDimensions.h),n,len,scaledBiggestDimension;if(photoDimensions.h*scalingFactor>workableHeight){scalingFactor=workableHeight/photoDimensions.h;if(biggestDimension*scalingFactor<MIN_PAGE_WIDTH-SECONDARY_PAGE_CONTENT_WIDTH-SIDE_GUTTER_WIDTH){scalingFactor=1;}} if(useNativeOnlyUnder1024&&photoDimensions.w<=1024&&photoDimensions.h<=1024){scalingFactor=1;} else{scaledBiggestDimension=Math.floor(biggestDimension*scalingFactor);for(n=0,len=DETENTS.length;n<len;n++){if(scaledBiggestDimension>DETENTS[n]&&scaledBiggestDimension<DETENTS[n]+DETENT_TOLERENCE){scalingFactor=DETENTS[n]/biggestDimension;break;}}} return scalingFactor;},resizePage:function(invalidateCache){var totalPageWidth=F.liquid.getBestPageWidth(invalidateCache);F.util.setCookie('liqpw',totalPageWidth,365);if(!bodyInitialized){F.util.whenElementExists('body',function(body){F.util.addClass(body,'liquid');bodyInitialized=true;});} F.util.whenElementExists('main',function(main){if(!F.util.hasClass(document.body,'breakout')&&F.util.hasClass(main,'allow-liquid-width')){main.style.width=totalPageWidth+'px';}});if(useGlobalNav){if(useEyebrow){F.util.whenElementExists('eyebrow-wrap',function(wrap){wrap.style.width=totalPageWidth+'px';});} F.util.whenElementExists('gn-wrap',function(wrap){wrap.style.width=totalPageWidth+'px';});} else{F.util.whenElementExists('head-nav-bar',function(headNavBar){var headTop=F.util.getElementById('head-top'),headerWidthAdjustment=(headTop.tagName==='TABLE')?HEADER_WIDTH_ADJUSTMENT_NON_ZEUS:HEADER_WIDTH_ADJUSTMENT_ZEUS;headTop.style.width=(totalPageWidth+headerWidthAdjustment)+'px';headNavBar.style.width=(totalPageWidth+headerWidthAdjustment)+'px';});} F.util.whenElementExists('foot',function(foot){foot.style.width=totalPageWidth+'px';});if(newExplore&&!F.searchify){F.util.whenElementExists('searchified-header',function(wrap){wrap=document.getElementById('searchified-header');var headTop=F.util.getElementById('head-top'),headerWidthAdjustment=HEADER_WIDTH_ADJUSTMENT_ZEUS;wrap.style.width=(totalPageWidth+headerWidthAdjustment)+'px';});F.util.whenElementExists('searchified-options',function(wrap){wrap=document.getElementById('searchified-options');var headTop=F.util.getElementById('head-top'),headerWidthAdjustment=HEADER_WIDTH_ADJUSTMENT_ZEUS;wrap.style.width=(totalPageWidth+headerWidthAdjustment)+'px';});} return totalPageWidth;}};}(F));        F.liquid.resizePage();
    
    
            /*jslint white: false, undef: false, browser: true, eqeqeq: true, regexp: false, newcap: true, immed: true, onevar: false, plusplus: false */
/*global F: false, YUI: false, window: false */

(function(F) {

    var photo = {
        id: 8620300733,
        baseURL: 'http://farm9.staticflickr.com/8384/8620300733_d364abf2e1.jpg',
        baseWidth: 640,
        baseHeight: 640,
        ratioWidthBasis: 500,
        isVideo: 0,
        sizeMap: [{"name":"Thumbnail","shortName":"t","maxDimension":100,"minDimension":100,"fileExtension":"_t"},{"name":"Small","shortName":"s","maxDimension":240,"minDimension":240,"fileExtension":"_m"},{"name":"Small 320","shortName":"n","maxDimension":320,"minDimension":320,"fileExtension":"_n"},{"name":"Medium 500","shortName":"m","maxDimension":500,"minDimension":500,"fileExtension":""},{"name":"Medium 640","shortName":"z","maxDimension":640,"minDimension":640,"fileExtension":"_z"},{"name":"Medium 800","shortName":"c","maxDimension":800,"minDimension":800,"fileExtension":"_c"},{"name":"Large","shortName":"l","maxDimension":1024,"minDimension":1024,"fileExtension":"_b"}]
        },

        enableFarmTimingSampling = true,
        enablePageTimingSampling = false,
        allowDownsampledPhotos = true, // Set this to false to never downsample photos.
        useNativeOnlyUnder1024 = true; // Set this to true to only use detent widths for 1024 and below.

var MIN_PRIMARY_COLUMN_WIDTH=562,DESCRIPTION_COLUMN_PADDING=44,DETENT_TOLERENCE=100,ELEMENT_EXISTS_TIMEOUT=10000,BUFFER_PERIOD=2000,RETRY_LIMIT=3,RETRY_DELAY=500;var overlaysHaveBeenMoved=false,changingPhoto=false,currentlyUsedSize={name:''},currentlyFetchingSize={name:''},loadedSizes={},bufferImg,bufferShowingTimeout,imageRetryTimeout,errorRetries=0;function getBestSizeForAvailableSpace(targetWidth,targetHeight){var bestSize,n,len=photo.sizeMap.length,viewportRatio,photoRatio,isPhotoLandscape=(photo.baseWidth>=photo.baseHeight),dimensionToCompare=targetWidth,dimensionToCompareLabel=isPhotoLandscape?'maxDimension':'minDimension';if(photo.isVideo){bestSize={maxDimension:targetWidth,minDimension:targetWidth*((photo.baseWidth>photo.baseHeight)?photo.baseHeight/photo.baseWidth:photo.baseWidth/photo.baseHeight)};} else{viewportRatio=targetWidth/targetHeight;photoRatio=photo.baseWidth/photo.baseHeight;if(viewportRatio>photoRatio){dimensionToCompare=targetHeight;dimensionToCompareLabel=isPhotoLandscape?'minDimension':'maxDimension';} for(n=0;n<len;n++){if((photo.sizeMap[n].shortName==='m'||photo.sizeMap[n].shortName==='n'||photo.sizeMap[n].shortName==='s'||photo.sizeMap[n].shortName==='t')&&n<len-1){continue;} if(dimensionToCompare===photo.sizeMap[n][dimensionToCompareLabel]){bestSize=photo.sizeMap[n];break;} else if(dimensionToCompare>photo.sizeMap[n][dimensionToCompareLabel]){bestSize=photo.sizeMap[n];} else if(allowDownsampledPhotos&&(!useNativeOnlyUnder1024||((photo.sizeMap[n].shortName==='h'||photo.sizeMap[n].shortName==='k')&&(isPhotoLandscape?targetWidth:targetHeight)>=1024+DETENT_TOLERENCE))){bestSize=photo.sizeMap[n];break;}}} if(!bestSize){for(n=len-1;n>=0;n--){if(photo.sizeMap[n].shortName==='z'||photo.sizeMap[n].shortName==='m'||photo.sizeMap[n].shortName==='n'||photo.sizeMap[n].shortName==='s'||photo.sizeMap[n].shortName==='t'){bestSize=photo.sizeMap[n];break;}}} return bestSize;} function fetchAndSizePhoto(bestSize){if(photo.isVideo){return;} if(!F.photoFetcher.img){if(!F.util.getElementById('liquid-photo')){F.photoFetcher.img=new Image();F.photoFetcher.img.id='liquid-photo';F.photoFetcher.img.alt='photo';F.photoFetcher.img.setAttribute('aria-describedby','title_div');} else{F.photoFetcher.img=F.util.getElementById('liquid-photo');} bufferImg=new Image();bufferImg.id='liquid-photo-buffer';bufferImg.alt='';bufferImg.setAttribute('role','presentation');bufferImg.onload=function(e){if(enablePageTimingSampling&&page_timing&&!page_timing.photo_end){page_timing.photo_end=new Date().getTime();} if(enableFarmTimingSampling&&farm_timing&&!farm_timing.photo_end){farm_timing.photo_end=new Date().getTime();} bufferImg.style.visibility='visible';clearTimeout(bufferShowingTimeout);bufferShowingTimeout=setTimeout(function(){F.photoFetcher.img.src=bufferImg.src;F.photoFetcher.img.style.visibility='visible';bufferImg.style.visibility='hidden';},BUFFER_PERIOD);currentlyUsedSize=currentlyFetchingSize;errorRetries=0;};bufferImg.onerror=function(e){if(errorRetries++<RETRY_LIMIT){imageRetryTimeout=setTimeout(function(){bufferImg.src=createPhotoURL(currentlyFetchingSize);},RETRY_DELAY*errorRetries);}};} if(bestSize.name!==currentlyUsedSize.name&&bestSize.name!==currentlyFetchingSize.name){if(enablePageTimingSampling&&page_timing&&!page_timing.photo_start){page_timing.photo_start=new Date().getTime();} if(enableFarmTimingSampling&&farm_timing&&!farm_timing.photo_start){farm_timing.photo_start=new Date().getTime();} if(changingPhoto){F.photoFetcher.img.style.visibility=bufferImg.style.visibility='hidden';changingPhoto=false;} bufferImg.src=createPhotoURL(bestSize);if(enableFarmTimingSampling&&farm_timing){farm_timing.src=bufferImg.src;} currentlyFetchingSize=bestSize;} F.photoFetcher.img.width=bufferImg.width=F.liquid.photoWidth;F.photoFetcher.img.height=bufferImg.height=F.liquid.photoHeight;} function createPhotoURL(size){var url;if(size.secret){url=photo.baseURL.replace(/_.*\.jpg$/,'_'+size.secret+size.fileExtension+'.jpg');} else{url=photo.baseURL.replace(/\.jpg$/,size.fileExtension+'.jpg');} if(size.queryString){url+=size.queryString;} return url;} function resizePhotoPage(photoWidth,photoHeight,notesRatio,primaryColumnWidth){var photoNotesInterval;photoWidth=Math.round(photoWidth);photoHeight=Math.round(photoHeight);primaryColumnWidth=Math.round(primaryColumnWidth);if(photoWidth<primaryColumnWidth||overlaysHaveBeenMoved){if(bufferImg){bufferImg.style.left=((primaryColumnWidth-photoWidth)/2)+'px';overlaysHaveBeenMoved=true;} F.util.addClass(F.photoFetcher.img,'centered');} if(!photo.isVideo){if(F.photoNotes){F.photoNotes.setRatio(notesRatio,photoWidth,photoHeight);} else{photoNotesInterval=setInterval(function(){if(F.photoNotes){F.photoNotes.setRatio(notesRatio,photoWidth,photoHeight);clearInterval(photoNotesInterval);}},10);}} F.util.whenElementExists('primary-column',function(primaryColumn){primaryColumn.style.width=primaryColumnWidth+'px';if(primaryColumnWidth>MIN_PRIMARY_COLUMN_WIDTH*2+DESCRIPTION_COLUMN_PADDING){F.util.addClass(primaryColumn,'columnify');} else{F.util.removeClass(primaryColumn,'columnify');}});if(!photo.isVideo){F.util.whenElementExists('photo-drag-proxy',function(photoDragProxy){photoDragProxy.style.width=photoWidth+'px';photoDragProxy.style.height=photoHeight+'px';if(photoWidth<primaryColumnWidth||overlaysHaveBeenMoved){photoDragProxy.style.left=((primaryColumnWidth-photoWidth)/2)+'px';overlaysHaveBeenMoved=true;}});} if(photo.isVideo){F.util.whenElementExists('stewart_swf'+photo.id,function(videoElement){videoElement.width=photoWidth;videoElement.height=photoHeight;videoElement.parentNode.style.width=photoWidth+'px';videoElement.parentNode.style.height=photoHeight+'px';});F.util.whenElementExists('stewart_swf'+photo.id+'_loading_el',function(loadingElement){loadingElement.style.top=Math.floor((photoHeight-22)/2)+'px';loadingElement.style.left=Math.floor((photoWidth-66)/2)+'px';});}} F.photoFetcher={fetch:function(){var dimensions,availableSpace,bestSize,ratio=photo.baseWidth/photo.baseHeight,isPhotoLandscape=(photo.baseWidth>=photo.baseHeight),isPhotoSquare=(ratio>0.95&&ratio<1.05),scalingFactor=1,primaryColumnWidth;availableSpace=F.liquid.getAvailableSpaceForPhoto();bestSize=getBestSizeForAvailableSpace(availableSpace.w,availableSpace.h);if(allowDownsampledPhotos&&availableSpace.w<bestSize.maxDimension){scalingFactor=availableSpace.w/bestSize.maxDimension;} if(allowDownsampledPhotos){scalingFactor=F.liquid.scaleDownPhotoToViewable({w:(isPhotoLandscape?bestSize.maxDimension:bestSize.minDimension),h:(isPhotoLandscape?bestSize.minDimension:bestSize.maxDimension)},scalingFactor);} F.liquid.photoWidth=(isPhotoLandscape?bestSize.maxDimension:bestSize.minDimension)*scalingFactor;F.liquid.photoHeight=(isPhotoLandscape?bestSize.minDimension:bestSize.maxDimension)*scalingFactor;F.liquid.notesRatio=F.liquid.photoWidth/photo.ratioWidthBasis;F.liquid.bestSize=bestSize;fetchAndSizePhoto(bestSize);primaryColumnWidth=Math.max(MIN_PRIMARY_COLUMN_WIDTH,availableSpace.w);resizePhotoPage(F.liquid.photoWidth,F.liquid.photoHeight,F.liquid.notesRatio,primaryColumnWidth);},loadPhoto:function(){F.util.getElementById('main-photo-container').appendChild(F.photoFetcher.img);F.util.getElementById('main-photo-container').appendChild(bufferImg);},loadVideoContainer:function(content){var videoContainer=document.createElement('div');videoContainer.id='stewart_swf'+photo.id+'_div';videoContainer.className='video-wrapper';videoContainer.style.width=F.liquid.photoWidth+'px';videoContainer.style.height=F.liquid.photoHeight+'px';videoContainer.innerHTML=content;F.util.getElementById('main-photo-container').appendChild(videoContainer);},reInit:function(obj){for(var key in obj){if(obj.hasOwnProperty(key)){photo[key]=obj[key];}} overlaysHaveBeenMoved=true;changingPhoto=true;currentlyUsedSize={name:''};currentlyFetchingSize={name:''};loadedSizes={};if(bufferShowingTimeout){clearTimeout(bufferShowingTimeout);bufferShowingTimeout=undefined;} if(imageRetryTimeout){clearTimeout(imageRetryTimeout);imageRetryTimeout=undefined;} errorRetries=0;}};F.photoFetcher.fetch();

}(F));
    

</script>



<noscript><div id="beacon"><img src="http://geo.yahoo.com/f?s=792600146&t=da3fe9077230b03437d7a8b71bd75647&r=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fsistereden%2F8620300733%2F%3Ff%3Dhp&fl_ev=0&lang=en&intl=us" width="0" height="0" alt="" /></div></noscript>
</Match>

HTH

Edit: script noscript code was from wrong page D'oh!
Add Thank You Quote this message in a reply
Post Reply 


Forum Jump: