PDA

View Full Version : حرفه ای: ساخت اسلایدشو حرفه ای



Golsha
سه شنبه 22 بهمن 1392, 16:44 عصر
سلام دوستان

میخواستم بپرسم تو جی کوئری چه طور میشه یه اسلاید شو حرفه ای درست کرد ، البته منظورم این نیست که یه سایت معرفی کنید که یه اسلاید شو داشته باشه من از روش کپی کنما ، از این اسلاید شوها خیلی دارم ، میخوام نحوه کد نویسی شو یاد بگیرم ، میخوام بدونم بر اساس چه قاعده ای کد نویسی میشه ، تو ساخت ظاهرش مشکلی ندارم فقط تو قسمت کد نویسی افکت تغییر تصویراش مشکل دارم ، ممنون میشم راهنماییم کنید

afshin9032
چهارشنبه 23 بهمن 1392, 00:33 صبح
http://blog.grayjunior.com/2011/01/19/step-by-step-create-a-slideshow-with-jquery-css3/

Golsha
چهارشنبه 23 بهمن 1392, 07:41 صبح
این یه کد افکتهای اسلاید شو هست ، ببینید :


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}('2r.2s.2t+=\'2u\';(6($){$.1G.2v=6(J){7 11={f:\'2w\',12:2x,1H:n,1I:3,13:\'\',1f:\'1J\',g:{ k:\'14\',c:\'14\'},1g:2y,b:\'R\',1K:h,1L:n,1h:\'1M \',1N:0.8,1i:[\'15\',\'1j\',\'R\',\'16\',\'17\']};7 2=$.1O(11,J);w l.x(6(){7 9=$(l),f=9.r(2.f),1P=f.r(\'A\'),1k=f.j,18=f.c(),19 =f.k(),B=0,o=0,1a=h,S=0,1l=\'1b\',C=\'\',K=n,T=\'\ ',D=\'\',s=\'\',m=[];4(2.g.k==\'14\'){2.g.k=19}4(2.g.c==\'14\'){2.g.c= 18}9.d={1Q:6(){7 L=0,U=0,1m=n,1n=\'\';f.1o(\':2z\').e({\'z-2A\':\'5\',b:\'E\'});1R(1m){B++;1n="-"+L+"1S -"+U+"1S";$(\'<M 1T="1U"></M>\').1p(9).e({1q:20,2B:\'2C\',b:\'V\',2D:L,2E:U,k:2 .g.k,c:2.g.c,2F:1n});L+=2.g.c;4(L>=18){L=0;U+=2.g.k}4(U>=19){1m=h}}D=9.r(\'.1U\');m[\'R\']=D;m[\'16\']=$(D.2G().2H());m[\'15\']=9.d.1r(D);m[\'1j\']=9.d.1r(m[\'16\']);m[\'17\']=9.d.1s(D);f.x(6(){$.N(l,"N",{A:$(l).r(\'A\').1V(\'2I\')})});4(1k<=1){9.1t({2J:2K})}t{9.1t({p:9.d.1W});9.d.13().1X() }},13:6(){4(2.1f==\'1J\'){7 1Y=2.13||9[0];C=$(\'<M></M>\').1u(\'2L\').2M(1Y);f.x(6(i){7 1Z=$(\'<a 2N="#" 1T="2O \'+1l+\'"></a>\').1p(C);1Z.21(\'22\',{o:i},9.d.1v);1l=""});C.c(C.c()).e(\'2P\',\'V\')}w l},1X:6(){4(2.1L){f.x(6(){7 F=$(l),O=F.r(\'A\').1V(\'2Q\'),P=O.2R(\'::\');4(P[0]!=""){4(P[1]!=1w){O="<23>"+P[0]+"</23>"+P[1]}t{O=P[0]}}4(O!=""){$(\'<M></M>\').1u(\'2S\').2T(O).e({b:\'E\',\'q\':2.1N}).1p(F. r(\'a\'))}})}},1W:6(){K=h;4($.2U.2V){f.e({\'24\':\ '#2W\',\'1x\':\'V\'})}t{f.e({\'24\':\'2X\',\'1x\': \'V\'})}4(2.1H){9.d.25();1P.21("22",6(){26(T)})}},25:6(){T=2Y(6(){o++;4(o==1k)o=0;9.d .1v()},(2Z(2.1I)*30)+(2.1g*B)+2.12)},1v:6(W){7 1y=h;4(W!=1w&&!K){4(o!=W.N.o){o=W.N.o}t{1y=n}}4(W!=1w)26(T);4(!K&&1y==h){K=n;7 F=f.1o(\':1z\'),X=f.1o(\':27(\'+o+\')\'),28=$.N(X[0],"N").A,29=\'31(\'+28+\')\';4(2.1f){C.r(\'.1b\').32(\' 1b\');C.r(\'a:27(\'+o+\')\').1u(\'1b\')}s=m[2.b];f.r(\'>a>A\').e({q:1,1A:\'1z\'});4(2.1K&&(2.b=="R"||2.b=="15")){4(1a==h){s=m[2.b];1a=n}t{4(2.b=="R")s=m[\'16\'];4(2.b=="15")s=m[\'1j\'];1a=h}}4(2.b==\'17\'){s=9.d.1s(D)}4(2.b==\'33\'){s =m[2.1i[S]];S++;4(S>=2.1i.j)S=0}s.e({1x:29}).x(6(i){7 2a=$(l);2b(6(){7 u=34 35();4(2.1h==\'36\'){u[\'e\']={k:1,c:2.g.c,b:\'E\',q:0};u[\'1c\']={k:2.g.k,c:2.g.c,q:1}}t 4(2.1h==\'1M\'){u[\'e\']={b:\'E\',q:0};u[\'1c\']={q:1}}t{u[\'e\']={k:1,c:1,b:\'E\',q:0};u[\'1c\']={k:2.g.k,c:2.g.c,q:1}}2a.e(u[\'e\']).2c(u[\'1c\'],2.12,6(){4(i+1==B){9.d.2d(F,X)}})},i*2.1g)})}w h},2d:6(F,X){F.e({1q:0,b:\'V\'});X.e({1q:3,b:\'E\' });s.37(2.12*1/3,6(){K=h})},1s:6(G){7 j=G.j,v=$(G);4(j==0)w h;1R(--j){7 1B=1d.38(1d.17()*(j+1)),2e=v[j],2f=v[1B];v[j]=2f;v[1B]=2e}w v},1r:6(G){7 j=G.j,v=$(G),Q=0,2g=1d.2h(19/2.g.k),2i=1d.2h(18/2.g.c),2j=B/2i,H=B/2g,Y=0,I=0,i=0,Z=0,1C=h,1e=h;4(j==0)w h;39(i=0;i<j;i++){v[i]=G[Q];4((Q%H==0&&B-i>H)||(I+1)%2j==0){Q-=(((H-1)*I)-1);I=0;Y++;1e=h;4(Z>0){I=Z;Q+=(H-1)*I}}t{Q+=H-1;I++}4((Y%(H-1)==0&&Y!=0&&Z==0)||(1C==n&&1e==h)){Y=0.1;Z++;1C=n;1e=n}}w v}};9.d.1Q()})}})(2k);(6($){$.1G.1t=6(J,p){7 11={2l:3a,1D:10,p:\'\'};7 2=$.1O(11,J);w l.x(6(){7 3b=$(l),y=$(\'A\',l).e({q:0,1A:\'3c\',b:\'E\'}),2m =y.2m(),3d=y.j,T=\'\',1E=y;7 d={1F:6(){y.x(6(i){4(l.3e==n)y=y.3f(l)});4(y.j&&2.1D>=0){2.1D--;2b(d.1F,3g)}t{d.2n()}},2n:6(){1E.x(6(i){7 2o=$(l);2o.e(\'1A\',\'1z\').2c({q:1},2.2l,6(){4(1E .j==i+1)d.p(i)})})},p:6(){4(J 2p 2q){p=J}4(p 2p 2q){p.3h(l)}4(2.p!=\'\'){(2.p)()}}};d.1F()})}})(2k );',62,204,'||options||if||function|var||slideWrap per||display|width|methods|css|slides|blockSize|fa lse||length|height|this|blockOrder|true|currentSli deNumber|callback|opacity|find|blockSelectionJQ|el se|transitionObject|objectSorted|return|each|image s||img|blockNumber|controlls|blockSelection|block| currentSlide|object|oneRow|modY|variables|skipSwit ch|posX|div|data|description|splitdesc|currentInde x|topleft|currentTransition|interval|posY|none|pas sed|nextSlide|modX|rowend||defaults|animationSpeed |appendControlls|full|diagonaltop|bottomright|rand om|slideWidth|slideHeight|reverseSwitch|active_ite m|anim|Math|onlyOne|slideControlls|betweenBlockDel ay|transition|transitionOrder|diagonalbottom|slide Count|current_class|generateBlocks|bgOffset|filter |appendTo|zIndex|kcubit|fyrandomize|aviaSlider_pre loadhelper|addClass|switchSlide|undefined|backgrou ndImage|noAction|visible|visibility|newObject|endr eached|maxLoops|allImages|checkImage|fn|autorotati on|autorotationSpeed|items|switchMovement|showText |fade|backgroundOpacity|extend|slideImages|init|wh ile|px|class|kBlock|attr|preloadingDone|addDescrip tion|elementToAppend|controller||bind|click|strong |backgroundColor|autorotate|clearInterval|eq|nextU RL|nextImageBG|currentBlock|setTimeout|animate|cha ngeImage|temp1|temp2|rows|ceil|columns|oneColumn|j Query|fadeInSpeed|parent|showImages|currentImage|i nstanceof|Function|document|documentElement|classN ame|js_active|aviaSlider|li|900|60|first|index|pos ition|absolute|left|top|backgroundPosition|get|rev erse|src|delay|200|slidecontrolls|insertAfter|href |ie6fix|float|alt|split|feature_excerpt|html|brows er|msie|000000|transparent|setInterval|parseInt|10 00|url|removeClass|all|new|Array|drop|fadeOut|floo r|for|800|container|hidden|imageCount|complete|not |500|call'.split('|'),0,{}))

منظورم اینه که این کد با چه منطقی نوشته شده ، من که ازش چیزی نفهمیدم ، به جز jquery چیز دیگه ای هم واسه نوشتن این جور کد لازمه ؟؟

geeking
دوشنبه 28 بهمن 1392, 23:36 عصر
برای اینکه یک سورس برنامه رو متوجه بشید باید نسخه develop شده اون رو دانلود کنید.
این نمونه کدی که اینجا گذاشتید سورس فشرده شده اون هست که برای بار گذاری سریعتر در مرورگر و دلایل دیگر compress میکنند.
همین !‌:دی

8908183
پنج شنبه 30 مرداد 1393, 00:42 صبح
از این فیلم آموزشی استفاده کن:
http://clicksite.ir/article.php?id=30
این پلاگینی که آموزش داده برای ساخت اسلایدشو واقعا فوق العادست..کار کردن باهاش خیلی ساده و راحته...
کافیه که از دیتابیس اطلاعات رو بگیری و توی اسلایدشو وارد کنی...همین...اگه مشکلی بود در خدمتم