소스코드 질문좀드리겠습니다.

소스코드 질문좀드리겠습니다.

QA

소스코드 질문좀드리겠습니다.

본문

 

 

인스타그램 파싱인데요 

 

이미지사이즈가 기본으로 150x150으로 잡혀있어서 

이미지를 늘려도 사이즈가깨지는데 

 

어떻게해야 이미지 안깨지고  500x500 으로 가능할까요 ㅠㅠ?

 

 

http://tonhnegod.tistory.com/88

위링크를 소스를 사용중입니다 

 


// Generated by CoffeeScript 1.9.3
(function(){
    var e;e=function(){function e(e,t)
        {var n,r;this.options={
            target:"instafeed",
            get:"popular",
            resolution:"thumbnail",
            sortBy:"none",
            links:!0,
            mock:!1,
            useHttp:!1};
            if(typeof e=="object")
                for(n in e)
                r=e[n],
                this.options[n]=r;
            this.context=t!=null?t:this,
                this.unique=this._genKey()
                }
            return e.prototype.hasNext=function(){return typeof this.context.nextUrl=="string"&&this.context.nextUrl.length>0}
            ,e.prototype.next=function(){return this.hasNext()?this.run(this.context.nextUrl):!1},
                e.prototype.run=function(t){var n,r,i;if(typeof this.options.clientId!="string"&&typeof this.options.accessToken!="string")throw new Error("Missing clientId or accessToken.");
            if(typeof this.options.accessToken!="string"&&typeof this.options.clientId!="string")throw new Error("Missing clientId or accessToken.");return this.options.before!=null&&typeof this.options.before=="function"&&this.options.before.call(this),typeof document!="undefined"&&document!==null&&(i=document.createElement("script"),
                i.id="instafeed-fetcher",
                i.src=t||this._buildUrl(),n=document.getElementsByTagName("head"),n[0].appendChild(i),
                r="instafeedCache"+this.unique,window[r]=new e(this.options,this),window[r].unique=this.unique),!0},
                e.prototype.parse=function(e){var t,n,r,i,s,o,u,a,f,l,c,h,p,d,v,m,g,y,b,w,E,S,x,T,N,C,k,L,A,O,M,_,D;if(typeof e!="object"){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"Invalid JSON data"),!1;throw new Error("Invalid JSON response")}
            if(e.meta.code!==200){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,e.meta.error_message),!1;
            throw new Error("Error from Instagram: "+e.meta.error_message)}if(e.data.length===0){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"No images were returned from Instagram"),!1;
            throw new Error("No images were returned from Instagram")}this.options.success!=null&&typeof this.options.success=="function"&&this.options.success.call(this,e),this.context.nextUrl="",
                e.pagination!=null&&(this.context.nextUrl=e.pagination.next_url);
            if(this.options.sortBy!=="none"){this.options.sortBy==="random"?M=["","random"]:M=this.options.sortBy.split("-"),O=M[0]==="least"?!0:!1;switch(M[1]){case"random":e.data.sort(function(){return.5-Math.random()});break;
            case"recent":e.data=this._sortBy(e.data,"created_time",O);break;case"liked":e.data=this._sortBy(e.data,"likes.count",O);
            break;
            case"commented":e.data=this._sortBy(e.data,"comments.count",O);break;
            default:throw new Error("Invalid option for sortBy: '"+this.options.sortBy+"'.")}}
            if(typeof document!="undefined"&&document!==null&&this.options.mock===!1)
                {m=e.data,
                A=parseInt(this.options.limit,10),
                this.options.limit!=null&&m.length>A&&(m=m.slice(0,A)),
                u=document.createDocumentFragment(),
                this.options.filter!=null&&typeof this.options.filter=="function"&&(m=this._filter(m,this.options.filter));
            if(this.options.template!=null&&typeof this.options.template=="string"){f="",d="",w="",D=document.createElement("div");
            //alert(m);
            for(c=0,N=m.length;c<N;c++){h=m[c],p=h.images[this.options.resolution];if(typeof p!="object")throw o="No image found for resolution: "+this.options.resolution+".",new Error(o);E=p.width,y=p.height,b="square",E>y&&(b="landscape"),E<y&&(b="portrait"),v=p.url,l=window.location.protocol.indexOf("http")>=0,l&&!this.options.useHttp&&(v=v.replace(/https?:\/\//,"//")),d=this._makeTemplate(this.options.template,{model:h,id:h.id,link:h.link,type:h.type,image:v,width:E,height:y,orientation:b,caption:this._getObjectProperty(h,"caption.text"),likes:h.likes.count,comments:h.comments.count,location:this._getObjectProperty(h,"location.name")}),f+=d}D.innerHTML=f,i=[],r=0,n=D.childNodes.length;while(r<n)i.push(D.childNodes[r]),r+=1;for(x=0,C=i.length;x<C;x++)L=i[x],u.appendChild(L)}else for(T=0,k=m.length;T<k;T++){h=m[T],g=document.createElement("img"),p=h.images[this.options.resolution];if(typeof p!="object")throw o="No image found for resolution: "+this.options.resolution+".",new Error(o);v=p.url,l=window.location.protocol.indexOf("http")>=0,l&&!this.options.useHttp&&(v=v.replace(/https?:\/\//,"//")),g.src=v,this.options.links===!0?(t=document.createElement("a"),t.href=h.link,t.appendChild(g),u.appendChild(t)):u.appendChild(g)}_=this.options.target,typeof _=="string"&&(_=document.getElementById(_));if(_==null)throw o='No element with id="'+this.options.target+'" on page.',new Error(o);_.appendChild(u),a=document.getElementsByTagName("head")[0],a.removeChild(document.getElementById("instafeed-fetcher")),S="instafeedCache"+this.unique,window[S]=void 0;try{delete window[S]}catch(P){s=P}}return this.options.after!=null&&typeof this.options.after=="function"&&this.options.after.call(this),!0},e.prototype._buildUrl=function(){var e,t,n;e="https://api.instagram.com/v1";switch(this.options.get){case"popular":t="media/popular";break;case"tagged":if(!this.options.tagName)throw new Error("No tag name specified. Use the 'tagName' option.");t="tags/"+this.options.tagName+"/media/recent";break;case"location":if(!this.options.locationId)throw new Error("No location specified. Use the 'locationId' option.");t="locations/"+this.options.locationId+"/media/recent";break;case"user":if(!this.options.userId)throw new Error("No user specified. Use the 'userId' option.");t="users/"+this.options.userId+"/media/recent";break;default:throw new Error("Invalid option for get: '"+this.options.get+"'.")}return n=e+"/"+t,this.options.accessToken!=null?n+="?access_token="+this.options.accessToken:n+="?client_id="+this.options.clientId,this.options.limit!=null&&(n+="&count="+this.options.limit),n+="&callback=instafeedCache"+this.unique+".parse",n},e.prototype._genKey=function(){var e;return e=function(){return((1+Math.random())*65536|0).toString(16).substring(1)},""+e()+e()+e()+e()},e.prototype._makeTemplate=function(e,t){var n,r,i,s,o;r=/(?:\{{2})([\w\[\]\.]+)(?:\}{2})/,n=e;while(r.test(n))s=n.match(r)[1],o=(i=this._getObjectProperty(t,s))!=null?i:"",n=n.replace(r,""+o);return n},e.prototype._getObjectProperty=function(e,t){var n,r;t=t.replace(/\[(\w+)\]/g,".$1"),r=t.split(".");while(r.length){n=r.shift();if(!(e!=null&&n in e))return null;e=e[n]}return e},e.prototype._sortBy=function(e,t,n){var r;return r=function(e,r)
{var i,s;return i=this._getObjectProperty(e,t),
                s=this._getObjectProperty(r,t),n?i>s?1:-1:i<s?1:-1},
                e.sort(r.bind(this)),e},e.prototype._filter=function(e,t){var n,r,i,s,o;n=[],r=function(e){if(t(e))return n.push(e)};
for(i=0,o=e.length;i<o;i++)s=e[i],r(s);return n},e}(),function(e,t){return typeof define=="function"&&define.amd?define([],t):typeof module=="object"&&module.exports?module.exports=t():e.Instafeed=t()}(this,function()
{return e})}).call(this);

이 질문에 댓글 쓰기 :

답변 2

위 소스에서 resolution:"thumbnail" 부분이요

거기서 resolution 부분을 low_resolution / standard_resolution 으로 변경해보세요~~

이소스랑은 다르게 작업했는데 ~ 저희가 사용중인 소스에서는 저렇게 변경하라고 알려주시더라구요:)

인스타를 파싱해보시면

이미지 종류가 어려가지 형태가 있습니다.

작은 사이즈부터 큰사이즈 모두있으니

그 부분을 원하는 크기의 사이즈로 가져오시면 될겁니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT