phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

SlideShow in JavaScript

Discussioni relative al linguaggio di programmazione client side.
Avatar utente
xX_Simon_Xx
Utente Pro
Utente Pro
Messaggi: 637
Iscritto il: 25/11/2009, 15:36
Sesso: Maschio
Versione: 3.0.10
Server: UNIX/Linux
PHP: 5.2.13
Database: MySQL(i) 5.1.34
Contatta:

SlideShow in JavaScript

Messaggio da xX_Simon_Xx » 09/05/2010, 13:11

su html.it ho trovato uno script molto interessante
questo
http://javascript.html.it/script/vedi/5 ... -evidenza/

in pratica permette di crare slideshow di alcune immagini
ecco una demo:
http://javascript.html.it/demo/javascri ... sempio.htm

ho scricato l'allegato e dentro ci sono 3 file:
style.css che è così:

Codice: Seleziona tutto

/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }
body 										{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 500px; margin: 25px auto; position: relative; min-height: 500px;
											  background: url(images/bg.png) top center; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }






poi la cartella images
e poi la cartella js in cui ci sono 5 file:
  • coda-slider.1.1.1.pack.js

Codice: Seleziona tutto

/*
	jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider
	
	Copyright (c) 2007 Niall Doherty
*/
eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('3(d(){3("4.T").1s("<p r=\'O\'>16...<1t /><18 19=\'1a/11-1b.1c\' 1d=\'O...\'/ ></p>")});b j=0;3.1e.1f=d(f){f=3.1g({G:"1h",E:1i,1j:Q},f);P 6.w(d(){b o=3(6);o.7("p.O").1k();o.q("T").l("1l");b m=o.7("4.I").C();b k=o.7("4.I").1m();b U=m*k;o.7("4.t").K("C",U);b N=k*2;F(h.g&&D(h.g.s(1))<=k){b 9=D(h.g.s(1));b e=-(m*(9-1));3(6).7("4.t").K({H:e})}B{b 9=1};o.w(d(i){3(6).W("<4 r=\'J\' M=\'J"+j+"\'><a A=\'#\'>1n</a><\\/4>");3(6).1o("<4 r=\'L\' M=\'L"+j+"\'><a A=\'#\'>1q</a><\\/4>");3(6).W("<4 r=\'c\' M=\'c"+j+"\'><v><\\/v><\\/4>");3(6).7("4.I").w(d(n){3("4#c"+j+" v").X("<x r=\'Z"+(n+1)+"\'><a A=\'#"+(n+1)+"\'>"+3(6).S("10")+"<\\/a><\\/x>")});3("4#c"+j+" a").w(d(z){N+=3(6).5().C();3(6).12("u",d(){3(6).l("8").5().5().7("a").13(3(6)).q("8");b e=-(m*z);9=z+1;3(6).5().5().5().V().7("4.t").R({H:e},f.E,f.G)})});3("4#J"+j+" a").u(d(){F(9==1){b e=-(m*(k-1));9=k;3(6).5().5().7("4.c a.8").q("8").5().5().7("x:14 a").l("8")}B{9-=1;b e=-(m*(9-1));3(6).5().5().7("4.c a.8").q("8").5().15().7("a").l("8")};3(6).5().5().7("4.t").R({H:e},f.E,f.G);h.g=9;P Q});3("4#L"+j+" a").u(d(){F(9==k){b e=0;9=1;3(6).5().5().7("4.c a.8").q("8").5().5().7("a:y(0)").l("8")}B{b e=-(m*9);9+=1;3(6).5().5().7("4.c a.8").q("8").5().V().7("a").l("8")};3(6).5().5().7("4.t").R({H:e},f.E,f.G);h.g=9;P Q});3("a.1p-1r").u(d(){3(6).Y().7(".c v x a:y("+(D(3(6).S("A").s(1))-1)+")").17(\'u\')});3("4#c"+j).K("C",N);F(h.g&&D(h.g.s(1))<=k){3("4#c"+j+" a:y("+(h.g.s(1)-1)+")").l("8")}B{3("4#c"+j+" a:y(0)").l("8")}});j++})};',62,92,'|||jQuery|div|parent|this|find|current|cPanel||var|stripNav|function|cnt|settings|hash|location|||panelCount|addClass|panelWidth||container||removeClass|class|slice|panelContainer|click|ul|each|li|eq||href|else|width|parseInt|easeTime|if|easeFunc|left|panel|stripNavL|css|stripNavR|id|navWidth|loading|return|false|animate|attr|csw|stripViewerWidth|next|before|append|parents|tab|title|ajax|bind|not|last|prev|Loading|trigger|img|src|images|loader|gif|alt|fn|codaSlider|extend|expoinout|750|toolTip|remove|stripViewer|size|Left|after|cross|Right|link|prepend|br'.split('|'),0,{}))
  • jquery-easing-1.3.pack.js

Codice: Seleziona tutto

/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2008 George McGinley Smith
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
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}('h.i[\'1a\']=h.i[\'z\'];h.O(h.i,{y:\'D\',z:9(x,t,b,c,d){6 h.i[h.i.y](x,t,b,c,d)},17:9(x,t,b,c,d){6 c*(t/=d)*t+b},D:9(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},13:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},X:9(x,t,b,c,d){6 c*(t/=d)*t*t+b},U:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},R:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},N:9(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},M:9(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},L:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},K:9(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},J:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},I:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},G:9(x,t,b,c,d){6-c*8.C(t/d*(8.g/2))+c+b},15:9(x,t,b,c,d){6 c*8.n(t/d*(8.g/2))+b},12:9(x,t,b,c,d){6-c/2*(8.C(8.g*t/d)-1)+b},Z:9(x,t,b,c,d){6(t==0)?b:c*8.j(2,10*(t/d-1))+b},Y:9(x,t,b,c,d){6(t==d)?b+c:c*(-8.j(2,-10*t/d)+1)+b},W:9(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*8.j(2,10*(t-1))+b;6 c/2*(-8.j(2,-10*--t)+2)+b},V:9(x,t,b,c,d){6-c*(8.o(1-(t/=d)*t)-1)+b},S:9(x,t,b,c,d){6 c*8.o(1-(t=t/d-1)*t)+b},Q:9(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(8.o(1-t*t)-1)+b;6 c/2*(8.o(1-(t-=2)*t)+1)+b},P:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6-(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b},H:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6 a*8.j(2,-10*t)*8.n((t*d-s)*(2*8.g)/p)+c+b},T:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);e(t<1)6-.5*(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b;6 a*8.j(2,-10*(t-=1))*8.n((t*d-s)*(2*8.g)/p)*.5+c+b},F:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*(t/=d)*t*((s+1)*t-s)+b},E:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},16:9(x,t,b,c,d,s){e(s==u)s=1.l;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.B))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.B))+1)*t+s)+2)+b},A:9(x,t,b,c,d){6 c-h.i.v(x,d-t,0,c,d)+b},v:9(x,t,b,c,d){e((t/=d)<(1/2.k)){6 c*(7.q*t*t)+b}m e(t<(2/2.k)){6 c*(7.q*(t-=(1.5/2.k))*t+.k)+b}m e(t<(2.5/2.k)){6 c*(7.q*(t-=(2.14/2.k))*t+.11)+b}m{6 c*(7.q*(t-=(2.18/2.k))*t+.19)+b}},1b:9(x,t,b,c,d){e(t<d/2)6 h.i.A(x,t*2,0,c,d)*.5+b;6 h.i.v(x,t*2-d,0,c,d)*.5+c*.5+b}});',62,74,'||||||return||Math|function|||||if|var|PI|jQuery|easing|pow|75|70158|else|sin|sqrt||5625|asin|||undefined|easeOutBounce|abs||def|swing|easeInBounce|525|cos|easeOutQuad|easeOutBack|easeInBack|easeInSine|easeOutElastic|easeInOutQuint|easeOutQuint|easeInQuint|easeInOutQuart|easeOutQuart|easeInQuart|extend|easeInElastic|easeInOutCirc|easeInOutCubic|easeOutCirc|easeInOutElastic|easeOutCubic|easeInCirc|easeInOutExpo|easeInCubic|easeOutExpo|easeInExpo||9375|easeInOutSine|easeInOutQuad|25|easeOutSine|easeInOutBack|easeInQuad|625|984375|jswing|easeInOutBounce'.split('|'),0,{}))

/*
 *
 * TERMS OF USE - EASING EQUATIONS
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2001 Robert Penner
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
 */
  • jquery-easing-compatibility.1.2.pack.js

Codice: Seleziona tutto

/*
 * jQuery Easing Compatibility v1 - http://gsgd.co.uk/sandbox/jquery.easing.php
 *
 * Adds compatibility for applications that use the pre 1.2 easing names
 *
 * Copyright (c) 2007 George Smith
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */
eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('0.C(0.1,{7:2(x,t,b,c,d){3 0.1.D(x,t,b,c,d)},5:2(x,t,b,c,d){3 0.1.6(x,t,b,c,d)},h:2(x,t,b,c,d){3 0.1.B(x,t,b,c,d)},A:2(x,t,b,c,d){3 0.1.m(x,t,b,c,d)},y:2(x,t,b,c,d){3 0.1.w(x,t,b,c,d)},v:2(x,t,b,c,d){3 0.1.u(x,t,b,c,d)},s:2(x,t,b,c,d){3 0.1.r(x,t,b,c,d)},q:2(x,t,b,c,d){3 0.1.p(x,t,b,c,d)},o:2(x,t,b,c,d){3 0.1.n(x,t,b,c,d)},8:2(x,t,b,c,d){3 0.1.l(x,t,b,c,d)},g:2(x,t,b,c,d){3 0.1.j(x,t,b,c,d)},i:2(x,t,b,c,d){3 0.1.k(x,t,b,c,d)},z:2(x,t,b,c,d){3 0.1.f(x,t,b,c,d)},e:2(x,t,b,c,d){3 0.1.a(x,t,b,c,d)},9:2(x,t,b,c,d){3 0.1.4(x,t,b,c,d)}});',40,40,'jQuery|easing|function|return|easeInOutBack|easeOut|easeOutQuad|easeIn|elasin|backinout|easeOutBack||||backout|easeInBack|elasout|easeInOut|elasinout|easeOutElastic|easeInOutElastic|easeInElastic|easeInExpo|easeInOutBounce|bounceinout|easeOutBounce|bounceout|easeInBounce|bouncein||easeInOutExpo|expoinout|easeOutExpo||expoout|backin|expoin|easeInOutQuad|extend|easeInQuad'.split('|'),0,{}))
  • ycodaslider-2.0.pack.js

Codice: Seleziona tutto

/*
 * 
 * YCodaSlider plugin 2.0
 * $Date:2008-05-11 23:22:34 +0200 (dom, 11 mag 2008) $
 * @requires jQuery v1.2.3
 * @optional Easing v1.3
 * @optional Easing v1.3
 * 
 * Copyright (c) 2008 Massimiliano Balestrieri
 * Examples and docs at: http://maxb.net/blog/
 * Licensed GPL licenses:
 * http://www.gnu.org/licenses/gpl.html
 * 
 * Based on http://www.ndoherty.com/coda-slider of Niall Doherty 
 * Inspired by the clever folks at http://www.panic.com/coda
 * Many thanks to Gian Carlo Mingati. Coda-Slider is a heavily modified version of his slideViewer, which can be found at  http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
 * 
 */
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(9(){4("7.5-C").1m(\'<p q="18"><1E /><1x /></p>\')});h(!1l.f)j f={};f.k={A:0,F:9(a){h(f.k.A==0)4(\'1D\').R(\'<1w 1v="1s/F" E="\'+a+\'" 1k="1h" 1f="1e" />\')},1d:9(c){c=4.1O({1K:Z},c);X g.J(9(a){f.k.A++;f.k.17(g,c);j b=4(g).8().8().8().1F(0);b.3={};b.3.w=c||{};h(g.y)b.3.y=g.y;f.k.14(b);f.k.13(b);f.k.6(b);f.k.l(b);f.k.15(b);f.k.16(b)})},17:9(a,b){4(a).t("5-C").o("5-B");4(a).G(\'<7 q="5-1i" 1g="5-\'+f.k.A+\'">\');4(a).G(\'<7 q="5-G">\');4(a).G(\'<7 q="5-C">\');j c=4(".5-12",a);h(c.11()>0)c.G(\'<7 q="5-H">\')},13:9(a){j b=4("7.5-B",a);a.3.v=b.i("7.5-H").N();a.3.m=b.i("7.5-H").11();a.3.1c=a.3.v*a.3.m;a.3.M=a.3.m*2;b.F("N",a.3.1c)},14:9(a){4("p.18",a).1M();4("7.5-C",a).t("5-C").o("5-1a")},6:9(a){h(s.r&&Y(s.r.L(1))<=a.3.m){a.3.6=Y(s.r.L(1));a.3.A=-(a.3.v*(a.3.6-1));4(a).i("7.5-B").F({"K":a.3.A})}u{a.3.6=1}},l:9(b){j c=4("7.5-1a",b);c.19(\'<7 q="5-W"><a E="#">1J</a></7>\');c.1I(\'<7 q="5-V"><a E="#">1G</a></7>\');c.19(\'<7 q="5-l"><U><\\/U></7>\');j d=4("7.5-l U",b);j e=4("7.5-H",b);e.J(9(n){j a=4("7.5-12",g).1C("1B");h(a)d.R(\'<x><a E="#\'+(n+1)+\'">\'+a+\'</a></x>\');u d.R(\'<x><a E="#\'+(n+1)+\'">\'+(n+1)+\'</a></x>\')});d.i("x").J(9(a){b.3.M+=4(g).N()});d.8().F("N",b.3.M)},15:9(b){4("7.5-l a",b).J(9(z){b.3.M+=1A;4(g).1z("D",9(){4(g).o("6").8().8().i("a").1y(4(g)).t("6");j a=-(b.3.v*z);b.3.6=z+1;h(b.3.y)f.Q.10(b,(b.3.6-1),b.3.m);4("7.5-B",b).P({K:a},b.3.w.T,b.3.w.O)})});4("7.5-W a",b).D(9(){h(b.3.6==1){j a=-(b.3.v*(b.3.m-1));b.3.6=b.3.m;4(g).8().8().i("7.5-l a.6").t("6").8().8().i("x:1u a").o("6")}u{b.3.6-=1;j a=-(b.3.v*(b.3.6-1));4(g).8().8().i("7.5-l a.6").t("6").8().1t().i("a").o("6")};h(b.3.y)f.Q.10(b,(b.3.6-1),b.3.m);4(g).8().8().i("7.5-B").P({K:a},b.3.w.T,b.3.w.O);s.r=b.3.6;X Z});4("7.5-V a",b).D(9(){h(b.3.6==b.3.m){j a=0;b.3.6=1;4(g).8().8().i("7.5-l a.6").t("6").8().8().i("a:S(0)").o("6")}u{j a=-(b.3.v*b.3.6);b.3.6+=1;4(g).8().8().i("7.5-l a.6").t("6").8().1r().i("a").o("6")};h(b.3.y)f.Q.10(b,(b.3.6-1),b.3.m);4(g).8().8().i("7.5-B").P({K:a},b.3.w.T,b.3.w.O);s.r=b.3.6;X Z});4(1q).1p(9(e){h(e==1H){I=1o.1n}u{I=e.1L}h(I==1j){4("7.5-W a",b).1b("D",b)}u h(I==1N){4("7.5-V a",b).1b("D",b)}})},16:9(a){h(s.r&&Y(s.r.L(1))<=a.3.m){4("7.5-l a:S("+(s.r.L(1)-1)+")",a).o("6")}u{4("7.5-l a:S(0)",a).o("6")}}};4.1P.3=f.k.1d;',62,114,'|||ycodaslider|jQuery|yslider|current|div|parent|function||||||YCodaSlider|this|if|find|var|Base|nav|pc||addClass||class|hash|location|removeClass|else|pw|options|li|lazy||cnt|container|toggle|click|href|css|wrap|panel|keycode|each|left|slice|nw|width|easeFunc|animate|Lazy|append|eq|easeTime|ul|navr|navl|return|parseInt|false|lazyload|size|panelwrapper|count|init|bindings|defaults|gui|loading|before|viewer|trigger|vw|build|screen|media|id|stylesheet|body|190|rel|window|prepend|keyCode|event|keydown|document|next|text|prev|last|type|link|span|not|bind|80|title|attr|head|br|get|Right|null|after|Left|height|which|remove|188|extend|fn'.split('|'),0,{}))
PS= il quinto file non posso postarlo perche da solo è lungo 63187 caratteri e il massimo è 60000


mi spiegate come si usa?????????????????

Avatar utente
Carlo
Amministratore
Amministratore
Messaggi: 9957
Iscritto il: 19/04/2009, 10:24
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 7.1.0
Database: MySQL(i) 10.0.27-MariaDB-cll-lve
Località: Puglia
Contatta:

Re: SlideShow in JavaScript

Messaggio da Carlo » 09/05/2010, 14:07

Lo stylesheet necessita di alcune modifiche, in modo tale che non interferisca con quello del forum, e poi devi aggiungere le modifiche ad uno stylesheet usato da tuo forum, per esempio common.css, o aggiuungerlo ad un nuovo CSS che poi devi includere in stylesheet.css.

I files .js devi caricarli nella cartella template del tuo stile, e nel template overall_header.html prima del tag </head>, devi inserire:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_TEMPLATE_PATH}/coda-slider.1.1.1.pack.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ycodaslider-2.0.pack.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-easing-compatibility.1.2.pack.js"></script>
MODs | Stili | Traduzioni MOD
Ogni MP contenente una richiesta di supporto verrà ignorato.

Avatar utente
xX_Simon_Xx
Utente Pro
Utente Pro
Messaggi: 637
Iscritto il: 25/11/2009, 15:36
Sesso: Maschio
Versione: 3.0.10
Server: UNIX/Linux
PHP: 5.2.13
Database: MySQL(i) 5.1.34
Contatta:

Re: SlideShow in JavaScript

Messaggio da xX_Simon_Xx » 09/05/2010, 14:46

ok fino a qui credo di aver capito ma poi per caricare lo slideshow ed inserirlo in una pagina come faccio?
e poi come faccio ad impostare le immagini da far visualizzare?

Avatar utente
Carlo
Amministratore
Amministratore
Messaggi: 9957
Iscritto il: 19/04/2009, 10:24
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 7.1.0
Database: MySQL(i) 10.0.27-MariaDB-cll-lve
Località: Puglia
Contatta:

Re: SlideShow in JavaScript

Messaggio da Carlo » 09/05/2010, 16:00

Devi studiarti la pagina di esempio inclusa nel pacchetto.
MODs | Stili | Traduzioni MOD
Ogni MP contenente una richiesta di supporto verrà ignorato.

Avatar utente
xX_Simon_Xx
Utente Pro
Utente Pro
Messaggi: 637
Iscritto il: 25/11/2009, 15:36
Sesso: Maschio
Versione: 3.0.10
Server: UNIX/Linux
PHP: 5.2.13
Database: MySQL(i) 5.1.34
Contatta:

Re: SlideShow in JavaScript

Messaggio da xX_Simon_Xx » 09/05/2010, 17:39

allora il codice html sistemato è così:

Codice: Seleziona tutto

											
	<div class="slider-wrap">
		<div id="main-photo-slider" class="csw">
			<div class="panelContainer">

				<div class="panel" title="Panel 1">
					<div class="wrapper">
						<img src="{ROOT_PATH}images/home/1.jpg   " alt="temp" />
						
						<div class="photo-meta-data">
							
							
							
						</div>
					</div>
				</div>
				
				<div class="panel" title="Panel 2">
					<div class="wrapper">
						<img src="{ROOT_PATH}images/home/2.jpg   " alt="temp" />
						
						<div class="photo-meta-data">
							
							
							
						</div>
					</div>
				</div>
				
				<div class="panel" title="Panel 3">
					<div class="wrapper">
						<img src=" {ROOT_PATH}images/home/3.jpg  " alt="temp" />
						
						<div class="photo-meta-data">
							
							
							
						</div>
					</div>
				</div>
				
				<div class="panel" title="Panel 4">
					<div class="wrapper">
						<img src=" {ROOT_PATH}images/home/4.jpg  " alt="temp" />
						
						<div class="photo-meta-data">
							
							
							
						</div>
					</div>
				</div>
				
				<div class="panel" title="Panel 5">
					<div class="wrapper">
						<img src="  {ROOT_PATH}images/home/5.jpg " alt="temp" />
						
						<div class="photo-meta-data">
							
							
							
						</div>
					</div>
				</div>
				
				<div class="panel" title="Panel 6">
					<div class="wrapper">
						<img src=" {ROOT_PATH}images/home/6.jpg  " alt="temp" />
						
						<div class="photo-meta-data">
							
							
							
						</div>
					</div>
				</div>
				
            </div>
		</div>

		<a href="#1" class="cross-link active-thumb"><img src="{ROOT_PATH}images/home/1.jpg" width="60px" height="40px" class="nav-thumb" alt="temp-thumb" /></a>
		<div id="movers-row">
			<div><a href="#2" class="cross-link"><img src="{ROOT_PATH}images/home/2.jpg" width="60px" height="40px" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#3" class="cross-link"><img src="{ROOT_PATH}images/home/3.jpg" width="60px" height="40px" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#4" class="cross-link"><img src="{ROOT_PATH}images/home/4.jpg" width="60px" height="40px" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#5" class="cross-link"><img src="{ROOT_PATH}images/home/5.jpg" width="60px" height="40px" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#6" class="cross-link"><img src="{ROOT_PATH}images/home/6.jpg" width="60px" height="40px" class="nav-thumb" alt="temp-thumb" /></a></div>
		</div>

	</div>
	
solo che manca sicuramente qualcosa perchè vodo solo le immagini messe una sopra l'altra

Avatar utente
Carlo
Amministratore
Amministratore
Messaggi: 9957
Iscritto il: 19/04/2009, 10:24
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 7.1.0
Database: MySQL(i) 10.0.27-MariaDB-cll-lve
Località: Puglia
Contatta:

Re: SlideShow in JavaScript

Messaggio da Carlo » 09/05/2010, 18:10

Manca questo JavaScript che devi inserire prima del tag </head> quindi nel template overall_header.html:

Codice: Seleziona tutto

	<script type="text/javascript">
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != 'undefined' )
				curclicked = cur;
			
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
			
			theInt = setInterval(function(){
				$crosslink.removeClass("active-thumb");
				$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
				curclicked++;
				if( 6 == curclicked )
					curclicked = 0;
				
			}, 3000);
		};
		
		$(function(){
			
			$("#main-photo-slider").codaSlider();
			
			$navthumb = $(".nav-thumb");
			$crosslink = $(".cross-link");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr('href').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});
	</script>
MODs | Stili | Traduzioni MOD
Ogni MP contenente una richiesta di supporto verrà ignorato.

Avatar utente
xX_Simon_Xx
Utente Pro
Utente Pro
Messaggi: 637
Iscritto il: 25/11/2009, 15:36
Sesso: Maschio
Versione: 3.0.10
Server: UNIX/Linux
PHP: 5.2.13
Database: MySQL(i) 5.1.34
Contatta:

Re: SlideShow in JavaScript

Messaggio da xX_Simon_Xx » 09/05/2010, 18:43

non cambia nulla

Avatar utente
Carlo
Amministratore
Amministratore
Messaggi: 9957
Iscritto il: 19/04/2009, 10:24
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 7.1.0
Database: MySQL(i) 10.0.27-MariaDB-cll-lve
Località: Puglia
Contatta:

Re: SlideShow in JavaScript

Messaggio da Carlo » 09/05/2010, 18:45

Puoi linkare la pagina in cui lo hai messo?
MODs | Stili | Traduzioni MOD
Ogni MP contenente una richiesta di supporto verrà ignorato.

Avatar utente
xX_Simon_Xx
Utente Pro
Utente Pro
Messaggi: 637
Iscritto il: 25/11/2009, 15:36
Sesso: Maschio
Versione: 3.0.10
Server: UNIX/Linux
PHP: 5.2.13
Database: MySQL(i) 5.1.34
Contatta:

Re: SlideShow in JavaScript

Messaggio da xX_Simon_Xx » 09/05/2010, 18:53

http://www.consolexnetwork.altervista.org/new.php l'ho messa qui solo per fati vedere

Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:

Re: SlideShow in JavaScript

Messaggio da Haku » 09/05/2010, 19:03

Sicuramente hai sbagliato qualcosa nel file html...

Rispondi

Torna a “JavaScript”

Chi c’è in linea

Visitano il forum: Nessuno e 58 ospiti