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.
Rispondi
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:
Contatta Carlo

Re: SlideShow in JavaScript

Messaggio da Carlo » 09/05/2010, 19:09

Mi dispiace, ma non saprei dirti di più. :oops:
MODs | Stili | Traduzioni MOD
Ogni MP contenente una richiesta di supporto verrà ignorato.
Top
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:
Contatta xX_Simon_Xx

Re: SlideShow in JavaScript

Messaggio da xX_Simon_Xx » 09/05/2010, 19:09

eccolo:

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
{SEO_BASE_HREF}
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2010 &copy; ConsoleUniverse" />
<meta name="keywords" content="ps3, psp, wii, ds, xbox 360, console, consoleuniverse, inviato, Continua, commenti" />
<meta name="description" content="Comunit&aacute; italiana Ufficiale su PS3, PSP, Xbox360, WII e DS" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}

<!-- BEGIN gym_rsslinks -->
<link rel="alternate" type="application/rss+xml" title="{gym_rsslinks.TITLE}" href="{gym_rsslinks.URL}" />
<!-- END gym_rsslinks -->

<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" />
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_TOPICS}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->



<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();
	
		// www.phpBB-SEO.com SEO TOOLKIT BEGIN
	var seo_delim_start = '{SEO_START_DELIM}';
	var seo_static_pagination = '{SEO_SATIC_PAGE}';
	var seo_ext_pagination = '{SEO_EXT_PAGE}';
	var seo_external = {SEO_EXTERNAL};
	var seo_external_sub = {SEO_EXTERNAL_SUB};
	var seo_ext_classes = {SEO_EXT_CLASSES};
	var seo_hashfix = {SEO_HASHFIX};
	// www.phpBB-SEO.com SEO TOOLKIT END

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<script type="text/javascript">
//<![CDATA[
   document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=0X1/r='+new Date().getTime()+'"><\/s'+'cript>');

//]]>
</script>

    <script type="text/javascript" src="{T_TEMPLATE_PATH}/js/coda-slider.1.1.1.pack.js"></script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/js/ycodaslider-2.0.pack.js"></script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/js/jquery-easing-1.3.pack.js"></script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/js/jquery-easing-compatibility.1.2.pack.js"></script>

	       <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>

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">



<div id="wrap">
    
        <div class="inside" style="direction: {S_CONTENT_DIRECTION};">
        	<a id="top" name="top" accesskey="t"></a>
        	<div id="page-header">
        		
				   <div id="header">
                          
						     <div id="head-r">
							
							 </div>
				    
				</div>
				<div id="nav-bg"></div>
				<div id="toolbar">
							 <div id="topmenu">

			<ul id="sitesections">
			 <li><a href="{U_PORTAL}"><span>Home</span></a></li>
			<li><a class="current"  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a href="{U_PROFILE}"><span>UCP</span></a></li>
			<!-- IF U_MCP --><li><a href="{U_MCP}"><span>MCP</span></a></li><!-- ENDIF -->
			<!-- IF U_ACP --><li><a href="{U_ACP}"><span>ACP</span></a></li><!-- ENDIF -->
			<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
			<li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a href="{U_GAMES}"><span>Sala Giochi</span></a></li>
			
			</ul>
		</div></div>
				
        <div id="bodyarea">
        		
				
				<div id="corner-left"><div id="corner-right">
<div id="corner-top"><br/><br/><dt><div id="title"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></div></dt>
			
			</div></div></div><div id="corner-bg">
			<ul class="linklist navlinks">
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
				</li>
			</ul>
			<ul class="linklist rightside">
				<li class="icon-ucp">
				<!-- IF not S_IS_BOT and U_MARK_FORUMS --><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
                </li>
			</ul>
			
			</ul>

			<!-- ENDIF -->

<div id="corner-down-left"><div id="corner-down-right">
<div id="corner-down"></div>
</div></div></div>
				<a name="start_here"></a>
        	<div id="page-body">
			
			
        		
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
				<div id="information" class="rules">
        			<div class="inner"><span class="corners-top"><span></span></span>
        				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        		<!-- ENDIF -->

    <h2>new</h2>

    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>

       <div class="content">
          <p>
		  
		  
		<div id="slide-show">                                       
       <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>
       

		  </div>
		  </p>
       </div>

       <span class="corners-bottom"><span></span></span></div>
    </div>

    <!-- INCLUDE jumpbox.html -->
    <!-- INCLUDE overall_footer.html -->
Top
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:
Contatta Haku

Re: SlideShow in JavaScript

Messaggio da Haku » 09/05/2010, 21:31

Simon,una cosa semplice non la si poteva fare?
Guardi come è strutturata la pagina,inserisci le loro cartelle nella root del forum,e nella pagina di esempio troverai il codice da inserire nel sito.
Esempio di come ho fatto io:
http://www.rpgmkr.net/forum/games.php
Top
Rispondi

Torna a “JavaScript”

Chi c’è in linea

Visitano il forum: Nessuno e 63 ospiti