Code có sử dụng tệp jQuery-1.4.2.js, hãy gỡ bỏ nếu website của bạn đã có phiên bản cao hơn.
<style type='text/css'>
/* jquery.myflickr base css */
table.myFlickr { margin: auto auto; }
div.flickrItem { border: none 1px #dedede; float:left; text-align:center; vertical-align:middle; line-height: 75px; position: relative; z-index: 1; }
div.flickrItem.highlighted { z-index: 2; }
div.flickrItem a img { border: none; position: relative; z-index: 3; }
div.flickrItem.highlighted a img { position: absolute; z-index: 1000; top: 0; left: 0; }
div.flickrItem img.loader { display: inline; top:-50%; }
div.photoInfos { background-color:#FDFDFD;
border:1px solid #ACACAC;
color: #000000;
overflow: hidden;
position:absolute;
width: 200px; /* statica? */
z-index: 999;
padding: 5px;
top: -5px;
line-height: 1.1em;
font-size: 0.65em; }
div.photoInfos.toRight { left: -5px; padding-left: 84px; }
div.photoInfos.toLeft { right: -5px; padding-right: 84px; }
div.photoInfos h1 { font-size: 1.3em !important; padding: 0px; margin: 0px; line-height: 1.35em !important; text-align: left; color: #666666; }
div.photoInfos #infoViews { float: left; font-weight: bold; font-size: 1.1em; }
div.photoInfos #infoDescription,
div.photoInfos #infoTags { font-size: 1em; text-align: justify; display: inline-block; }
div.photoInfos #infoLinkToOriginalFlickr { float: right; }
/* class for paginator div container */
.paginator div { text-align: center; display: table; margin: auto auto; }
.paginator div #pagesStatus { display: table-cell; width: 33%; }
.paginator div #pageNext { display: table-cell; width: 33%; padding-left: 10px; }
.paginator div #pagePrev { display: table-cell; width: 33%; padding-right: 10px; }
</style>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript"> ;eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(4($){$.2.3=4(m){T G.1A(4(){r k=$(G);r l=$.1h({},$.2.3.1i,m);9(m&&m.y){l.y=$.1h({},$.2.3.1i.y,m.y)}9(m&&m.q){l.q=$.1h({},$.2.3.1i.q,m.q)}9(l.D!="")k.D=$("<13 />").1j({2b:l.D,"14":"D"});k.8={U:z,15:4(){9(k.8.p<k.8.K){k.8.p+=1;L(k,l)}},16:4(){9(k.8.p>1){k.8.p-=1;L(k,l)}},2c:4(t){k.8.K=t},2d:4(){9(l.y.1B){9(k.8.K>1){k.8.1k.2e()}k.8.1l.1C(k.8.p+"/"+k.8.K)}},1k:z,M:1,1l:z,K:z,p:l.y.2f};$.2.1h({15:k.8.15,16:k.8.16});L=4(d,e){$("A.B",d).w($.2.3.n.x.V,"").H("");r f=4(a,b,c){9(a.2g=="2h"){9(a.E.3b!="0"){9(a.E.p>a.E.K){b.8.p=a.E.K;L(b,c)}I{1D(b,a.E,17,c)}}}I{$.2.3.1E(a.2i,b,c)}};9(d.8.U[d.8.p]!=2j){9(d.D)$("A.B:3c("+d.8.U[d.8.p].18.19+")",d).H(d.D).u("&2k;");1D(d,d.8.U[d.8.p],1a,e)}I{9(d.D)$("A.B",d).H(d.D).u("&2k;");r g=z;2l(e.N){W $.2.3.n.o.X.1m:g={O:e.N,P:e.J,3d:e.1n,Q:"F",1o:d.8.M,p:d.8.p};Y;W $.2.3.n.o.E.1F:g={O:e.N,P:e.J,Q:"F",1o:d.8.M,p:d.8.p};Y;W $.2.3.n.o.1G.L:g={O:e.N,P:e.J,Q:"F",3e:e.2m,1o:d.8.M,p:d.8.p};Y;W $.2.3.n.o.1H.1I:g={O:e.N,P:e.J,Q:"F",1J:e.1J,1o:d.8.M,p:d.8.p};Y;W $.2.3.n.o.Z.1K:g={O:e.N,P:e.J,Q:"F",10:e.10,1L:e.1L};Y}$.1p({1b:$.2.3.n.o.1q,1M:"F",w:g,1N:4(a){f(a,d,e)}})}};1D=4(b,c,d,e){b.8.U[b.8.p]=c;b.8.2c(c.K);b.8.2d();$("A.B:3f("+(c.18.19-1)+")",b).w($.2.3.n.x.V,"").H("");$(c.18).1A(4(i){r a=$(G)[0];2n(a,$("A.B",b).3g(i),d,e,b)})};2o=4(a){a.1c($.2.3.n.R.11);$("13",a).2p().1r({1s:"1"},2q,4(){a.w($.2.3.n.x.1d,1a)})};1O=4(a){a.1P($.2.3.n.R.11);$("13",a).2p().1r({1s:"0.6"},2q,4(){a.w($.2.3.n.x.1d,17)})};2r=4(f,g,h){r i=$(".2s",h);$(".B.11",h).1A(4(){1O($(G))});r j=$("13",g);9(i.19==0){i=$("<A 14=\'2s\' />");i.2t()}i.3h("1Q").1R("1Q",4(e){9(g.3i("13")[0]!=e.3j){i.2t();1O(g)}}).2u({"3k-1S":j.1S()}).3l(g);9(($(3m).1e()-(g.3n().3o+i.3p()))<0){i.1P($.2.3.n.R.q.1t).1c($.2.3.n.R.q.1u)}I{i.1P($.2.3.n.R.q.1u).1c($.2.3.n.R.q.1t)}2o(g);i.2e();9(g.w($.2.3.n.x.1v+f.v)){1T(i)}I{i.H(l.q.2v);$.1p({1b:$.2.3.n.o.1q,1M:"F",w:{O:$.2.3.n.o.E.1U,P:l.J,3q:f.v,Q:"F"},1N:4(a){g.w($.2.3.n.x.1v+f.v,a.18);1T(i)}})}1T=4(a){r b=$(".B.11",h);9(b.19!=0){r c=3r(b.w($.2.3.n.x.1v+b.1j("v")));9(l.q.1V!=""){r d=l.q.1V.C(/\\{\\{3s\\}\\}/,c.1f.12).C(/\\{\\{3t\\}\\}/,c.2w).C(/\\{\\{3u\\}\\}/,c.2x.1b[0].12).C(/\\{\\{3v\\}\\}/,l.q.1W).C(/\\{\\{3w\\}\\}/,c.2y.12).C(/\\{\\{3x\\}\\}/,1X(c.Z.10));a.H(d)}I{a.H("<2z>"+c.1f.12+"</2z><S v=\'3y\'>3z: "+c.2w+"</S><a v=\'3A\' 1w=\'"+c.2x.1b[0].12+"\' 2A=\'2B\'>"+l.q.1W+"</a><1x />"+(l.q.2C?"<1x /><1y v=\'3B\'>"+c.2y.12+"</1y><1x />":"")+((l.q.2D&&c.Z.10.19>0)?"<1x /><1y v=\'3C\'><b>3D: </b>"+1X(c.Z.10)+"</1y>":""))}}}};1X=4(a){r b=1Y 2E();2F(2G 3E a){b.3F(a[2G].3G)}T b.3H(", ")};2n=4(b,c,d,e,f){r g=1Y 3I();g.2b=$.2.3.1Z(e.20,b);r h=$("<a />").1j({1w:$.2.3.1Z("",b,d),2A:"2B",3J:"3K"}).1R("3L",4(){r a=$(G);9(!c.w($.2.3.n.x.1d)){a.w($.2.3.n.x.1z,2H(4(){2r(b,c,f)},e.q.2I))}}).1R("1Q",4(){3M($(G).w($.2.3.n.x.1z))});c.w($.2.3.n.x.V,h).1j("v",b.v);9((21 g.2J!="2j")&&(g.2J)){22($(g),c,h,e,f)}I{$(g).3N(4(){22($(G),c,h,e,f)})}};22=4(a,b,c,d,e){9(b.w($.2.3.n.x.V)==c){b.H(c.u(a));9(21 d.23==="4"){d.23.3O(a)}9((21 d.24)==="4"){r f=$("A.B > a",e);f.2K=d.24;f.2K()}}};2L=4(d,e){2M=4(a,b,c){9(b.y.1B){c.8.1l=$("<S v=\'3P\' />");c.8.1k=$("<3Q />").u($("<1g />").u($("<25 v=\'3R\' 14=\'"+b.y.2N+"\' />").u($("<A />").u($("<a v=\'16\' 1w=\'#\' />").u(b.y.2O.2P()).2Q(4(){c.8.16();T 17})).u(c.8.1l).u($("<a v=\'15\' 1w=\'#\' />").u(b.y.2R.2P()).2Q(4(){c.8.15();T 17})))));a.u(c.8.1k)}};d.8.M=e.26*e.2S;r f=$("<3S 3T=\'0\' 3U=\'0\' />").1c(e.2T);9(e.1f!=""){f.u($("<2U><1g><2V v=\'3V\' 14=\'3W\'>"+e.1f+"</2V></1g></2U>"))}f.u($("<2W><1g><25><A v=\'27\' /></25></1g></2W>"));2M(f,e,d);d.u(f);2F(i=0;i<d.8.M;i++){$("#27",f).u($.2.3.2X(e));9(((i+1)%e.26)==0){$("#27",f).u($("<A 3X=\'3Y:3Z\' />"))}}};28=4(a,b){2L(a,b);a.8.U=1Y 2E();L(a,b)};9(l.J!=z){9(l.1n==z){$.2.3.2Y(l,k,28)}I{2H(4(){28(k,l)},0)}}})};$.2.3.2Y=4(b,c,d){$.1p({1b:$.2.3.n.o.1q,1M:"F",w:{O:$.2.3.n.o.X.29,P:b.J,2a:b.2a,Q:"F"},1N:4(a){9(a.2g=="2h"){b.1n=a.40.41;d(c,b)}I{$.2.3.1E(a.2i,c,b)}}})};$.2.3.1Z=4(a,b,c){T $.2.3.n.2Z.C(/\\[30\\]/,a==""?"":"31"+a).C(/\\[32\\]/,b.33).C(/\\[34\\]/,b.42).C(/\\[35\\]/,b.v).C(/\\[36\\]/,b.43)};$.2.3.2X=4(a){r b,1e;2l(a.20){W"s":b=1e="44";Y}T $("<A 14=\'B\' />").2u({1S:b,1e:1e})};$.2.3.1E=4(a,b,c){9(!c.37)b.1c(c.38).H(a)};$.2.3.n={R:{11:"11",q:{1u:"1u",1t:"1t"}},x:{1v:"w.18",B:"B",1d:"1d",1z:"1z",V:"V"},o:{1q:"39://45.o.3a/46/47/?48=?",1G:{L:"o.1G.L"},X:{29:"o.X.29",1m:"o.X.1m"},E:{1U:"o.E.1U",1F:"o.E.1F"},1H:{1I:"o.1H.1I"},Z:{1K:"o.Z.1K"}},2Z:"39://33[32].49.o.3a/[34]/[35]31[36][30].4a"};$.2.3.1i={J:z,2T:"4b",38:"4c",1L:"",1J:"",2a:z,1n:z,2m:z,20:"s",D:"4d/1p-D.4e",24:z,23:4(){$(G).1r({1s:"1"},4f,4(){$(G).1r({1s:"0.7"},4g)})},26:5,2S:5,y:{1B:1a,2N:"y",2R:$("<S />").1C("4h"),2O:$("<S />").1C("4i"),2f:1},q:{2I:4j,1W:"4k 4l&4m;",2v:"<S>4n...</S>",2C:1a,2D:1a,1V:""},N:$.2.3.n.o.X.1m,37:17,10:"",1f:""}})(4o);',62,273,'||fn|myflickr|function||||pagination|if||||||||||||||constants|flickr|page|photoInfo|var|||append|id|data|datas|paginator|null|div|flickrItem|replace|loader|photos|json|this|html|else|apiKey|pages|getPhotos|itemPerPage|serviceMethod|method|api_key|format|cssClasses|span|return|cache|waitingFor|case|people|break|tags|tag|highlighted|_content|img|class|pageNext|pagePrev|false|photo|length|true|url|addClass|hover|width|title|tr|extend|defaults|attr|itemPaginator|itemStatus|getPublicPhotos|userId|per_page|ajax|service|animate|opacity|toRight|toLeft|data_photo|href|br|small|hoverTimeout|each|enabled|text|callbackGetPhoto|manageErrors|getRecent|galleries|interestingness|getList|date|getClusterPhotos|cluster_id|dataType|success|revertFlickrItem|removeClass|mouseleave|bind|height|buildInfos|getInfo|template|linkToOriginalText|stringifyPhotoTags|new|getMiniatureUrl|miniatureSuffix|typeof|manageMiniature|functionMiniatureLoaded|functionHighlighter|td|cols|flickrContainer|init|findByUsername|username|src|setTotalPages|updateStatus|show|pageToOpen|stat|ok|message|undefined|nbsp|switch|galleryId|buildMiniature|highlightFlickrItem|stop|200|showPhotoInfos|photoInfos|hide|css|loadingMessage|views|urls|description|h1|target|_blank|showDescription|showTags|Array|for|itag|setTimeout|delayForAjaxCall|complete|highlighter|buildGrid|buildPaginator|cssClass|itemPrev|clone|click|itemNext|rows|cssMain|thead|th|tbody|buildGridItem|retrieveUserNSID|miniatureUrlPattern|MINIATURESUFFIX|_|FARM|farm|SERVER|PHOTOID|SECRET|silentErrors|cssClassServiceError|http|com|total|lt|user_id|gallery_id|gt|eq|unbind|find|relatedTarget|min|appendTo|window|offset|left|innerWidth|photo_id|eval|PHOTO_TITLE|PHOTO_VIEWS|PHOTO_ORIGINAL_URL|PHOTO_ORIGINAL_URL_TEXT|PHOTO_DESCRIPTION|PHOTO_TAGS|infoViews|Views|infoLinkToOriginalFlickr|infoDescription|infoTags|Tags|in|push|raw|join|Image|rel|miniatureLink|mouseenter|clearTimeout|load|apply|pagesStatus|tfoot|tdPaginator|table|cellpadding|cellspacing|tdTitle|albumTitle|style|clear|both|user|nsid|server|secret|75px|api|services|rest|jsoncallback|static|jpg|myFlickr|serviceError|images|gif|300|500|Tới|Lùi|210|view|original|raquo|Loading|jQuery'.split('|'),0,{}));</script>
<script type="text/javascript">
$(function() {$("#idContainer").myflickr({ apiKey: "685f89b75efe5c17eac8e4ecb90ff4f2", userId: "31504270@N06", loader: "http://ca6.upanh.com/15.996.20290700.QN60/ajaxloader.gif" });});
</script>
<div id="idContainer"></div>Theo : code1k.com
Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn
0 nhận xét:
Đăng nhận xét