Vai al contenuto

English Italiano
Colour Theme
 

Indice Del Forum

Uno Script Mi Scombina La Home


  • Non puoi rispondere a questa discussione
11 replies to this topic

#1 xelif

xelif

    Novizio

  • Utenti
  • PipPip
  • 39 Messaggi:

Inviato 09 March 2009 - 13:48 PM

salve a tutti ho un problema con uno script, sicuramente lo inserisco male ma è un ora che smanetto senza trovare soluzione.

Uso Dreamweaver e sto creando una Home-Page html (XHTML Transitional 1.1) solo che appena inserisco uno script per la viualizzazione di immagini mi scombina tutto. 

Potete aiutarmi? Magari idicandomi la posizione giusta dove inserirlo.

grazie a tutti anticipatamente



vi posto qui i codici cosi capite meglio:

questa è la home

Spoiler



questo è lo script

http://javascript.ht.../4921/showcase/

#2 frman

frman

    PenSuite Developer

  • Admin
  • 12634 Messaggi:
  • Sesso:

Inviato 09 March 2009 - 22:43 PM

Ciao,

mi faresti uno screenshot di quanto vedi?

Se hai un link su remoto che anche noi dal forum possiamo visualizzare allora potrebbe essere più facile andare ad individuare e risolvere il problema :)

#3 xelif

xelif

    Novizio

  • Utenti
  • PipPip
  • 39 Messaggi:

Inviato 10 March 2009 - 14:22 PM

senza script: http://i39.tinypic.com/dqgnk5.png

con script: http://i41.tinypic.com/282nvd1.png

secondo me lo inserisco male o nn inserisco tutto, sono alle prime armi quindi è possibile che io sbagli qualcosa di elemntarare.
Ti spiego scarico lo script e all'interno del rar trovo: le cartelle skin e img, i file .js .css e l'esempio .html a questo punto apro col blocco note l'esempio e inserisco i codici all'interno della mia home ma nn funziona

#4 frman

frman

    PenSuite Developer

  • Admin
  • 12634 Messaggi:
  • Sesso:

Inviato 10 March 2009 - 22:19 PM

Puoi uploadare su sito internet la pagina web senza ed una con lo script che ti scombussola la visualizzazione per poi linkarle in questa discussione?

#5 xelif

xelif

    Novizio

  • Utenti
  • PipPip
  • 39 Messaggi:

Inviato 11 March 2009 - 02:53 AM

Visualizza messaggiofrman, su 10/03/09, 22:19, ha detto:

Puoi uploadare su sito internet la pagina web senza ed una con lo script che ti scombussola la visualizzazione per poi linkarle in questa discussione?



al momento nn saprei dove ostarla, cmq se mi spieghi meglio come inserire lo script descritto prima, forse riesco a superare il problema.

#6 xelif

xelif

    Novizio

  • Utenti
  • PipPip
  • 39 Messaggi:

Inviato 17 March 2009 - 15:44 PM

qualcuno mi sa spiegare come si inserisce???

#7 frman

frman

    PenSuite Developer

  • Admin
  • 12634 Messaggi:
  • Sesso:

Inviato 18 March 2009 - 21:41 PM

Dopo esserti scaricato i file che l'esempio ti fornisce devi inserire nell'head questo:

	<script type="text/javascript" src="prototype.js"></script>
	<script type="text/javascript" src="effects.js"></script>
	<script type="text/javascript" src="showcase.js"></script>

e nella pagina web questo:

<div class="showcase" id="horizontal">
		<a href="#previous" class="controls previous" rel="previous">&ndash;</a>
		<a href="#next" class="controls next" rel="next">+</a>
		<ul>
			<li><a href="#" title="Slide 1"><img src="images/1.jpg" alt="1" /></a></li>
			<li><a href="#" title="Slide 2"><img src="images/2.jpg" alt="2" /></a></li>
			<li><a href="#" title="Slide 3"><img src="images/3.jpg" alt="3" /></a></li>
			<li><a href="#" title="Slide 4"><img src="images/4.jpg" alt="4" /></a></li>
			<li><a href="#" title="Slide 5"><img src="images/5.jpg" alt="5" /></a></li>

			<li><a href="#" title="Slide 6"><img src="images/6.jpg" alt="6" /></a></li>
			<li><a href="#" title="Slide 7"><img src="images/7.jpg" alt="7" /></a></li>
		</ul>
	</div>	
	<script type="text/javascript">
		document.observe('dom:loaded', function () {
			new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
			});
	</script>


#8 xelif

xelif

    Novizio

  • Utenti
  • PipPip
  • 39 Messaggi:

Inviato 20 March 2009 - 15:08 PM

scusa ma sono proprio zero, so che ti chiedo tanto ma mi servirà per i prossimi a venire, se ti posto i codici della home me li inserisci tu e mi evidenzi dove devo linkare le immagini delle skin e dove devo posizionare i codici dei file MooFlow.css, MooFlow.js e mootools-beta-1.2b2.js?

Se fai questo ti faccio una statua :)



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Entertainment - Calendar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="mm_entertainment.css" type="text/css">
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style2 {
 color: #000000;
 font-size: 18px;
}
.style4 {
 color: #CC3300;
 letter-spacing: .1em;
 line-height: 16px;
 font: 16px georgia;
 font-size: 24px;
}
.style6 {
 font-size: 9px;
 font-style: italic;
}
-->
</style>


</head>
<body bgcolor="#050505" onload="MM_preloadImages('m1HOME.png','m1STORIA.png','m1Gallery.png','m1CONTATTACI.png')">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="000003">
    <td colspan="2" rowspan="2" nowrap><img src="bannerino1.png" alt="Header image" width="429" height="184" border="0"></td>
    <td height="58" nowrap colspan="2" id="logo" valign="bottom"><div align="center"><strong>Torre di Calabria</strong></div></td>
    <td width="4">&nbsp;</td>
  </tr>
  <tr bgcolor="000003">
    <td height="83" nowrap colspan="2" id="tagline" valign="top"><p><img src="ligth.png" width="477" height="28"></p>
    </td>
 <td width="4">&nbsp;</td>
  </tr>
  <tr>
    <td height="2" colspan="5" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0"></td>
  </tr>

   <tr>
    <td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0"></td>
  </tr>

   <tr>
    <td colspan="5" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0"></td>
  </tr>

  
  <tr>
   <td width="131" valign="top">&nbsp;</td>
   <td colspan="2" valign="top"><div align="right"><br>
   </div>
 	<table border="0" cellspacing="0" cellpadding="2" width="507">
 	   <tr>		</tr>
 	   <tr>
 		 <td class="bodyText"><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','m1HOME.png',1)"><img src="m1HOMEROL.png" name="Image7" width="83" height="45" border="0"></a><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','m1STORIA.png',1)"><img src="m1STORIAROL.png" name="Image8" width="83" height="45" border="0"></a><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','m1Gallery.png',1)"><img src="m1GALLERYROL.png" name="Image9" width="83" height="45" border="0"></a><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','m1CONTATTACI.png',1)"><img src="m1CONTATTACIROL.png" name="Image10" width="83" height="45" border="0"></a>
 		   <p style="margin-top: 0;">&nbsp;</p>
 	  <br>			  
 	  <span class="subHeader style2"><span class="style4">Galleria </span></span></td>
 	   </tr>
 	   <tr>
 		 <td height="86" class="sidebarHeader"><p><img src="linea.png" width="500" height="10"><br>
 			 <span class="style6">le immagini del pilone </span></p>
 		   <p>&nbsp;</p>
 		   <p>&nbsp;</p>
 		   <p>
 	 
 </div>

<br /><br /><br /><br /><br /><br />
 <div align="center">
 		</p>
 		 <hr>		  </td>
 	   </tr>
 	 </table>
  <div align="right"></div>
 <div align="center"></div></td>
    <td width="206">&nbsp;</td>
 <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="131">&nbsp;</td>
    <td width="298">&nbsp;</td>
 <td width="271">&nbsp;</td>
  </tr>
</table>
<br>
</body>
</html>


#9 frman

frman

    PenSuite Developer

  • Admin
  • 12634 Messaggi:
  • Sesso:

Inviato 20 March 2009 - 17:40 PM

devi copiarti i tre file indircati dallo script nella stessa cartella dove è presente la pagina web. I tre file che richiama lo script sono:
prototype.js
effects.js
showcase.js

la pagina diventa:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Entertainment - Calendar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="mm_entertainment.css" type="text/css">
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style2 {
 color: #000000;
 font-size: 18px;
}
.style4 {
 color: #CC3300;
 letter-spacing: .1em;
 line-height: 16px;
 font: 16px georgia;
 font-size: 24px;
}
.style6 {
 font-size: 9px;
 font-style: italic;
}
-->
</style>

	<script type="text/javascript" src="prototype.js"></script>
	<script type="text/javascript" src="effects.js"></script>
	<script type="text/javascript" src="showcase.js"></script>
</head>
<body bgcolor="#050505" onload="MM_preloadImages('m1HOME.png','m1STORIA.png','m1Gallery.png','m1CONTATTACI.png')">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="000003">
	<td colspan="2" rowspan="2" nowrap><img src="bannerino1.png" alt="Header image" width="429" height="184" border="0"></td>
	<td height="58" nowrap colspan="2" id="logo" valign="bottom"><div align="center"><strong>Torre di Calabria</strong></div></td>
	<td width="4">&nbsp;</td>
  </tr>
  <tr bgcolor="000003">
	<td height="83" nowrap colspan="2" id="tagline" valign="top"><p><img src="ligth.png" width="477" height="28"></p>
	</td>
 <td width="4">&nbsp;</td>
  </tr>
  <tr>
	<td height="2" colspan="5" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0"></td>
  </tr>

   <tr>
	<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0"></td>
  </tr>

   <tr>
	<td colspan="5" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0"></td>
  </tr>

 
  <tr>
   <td width="131" valign="top">&nbsp;</td>
   <td colspan="2" valign="top"><div align="right"><br>
   </div>
	 <table border="0" cellspacing="0" cellpadding="2" width="507">
		<tr>		</tr>
		<tr>
		  <td class="bodyText"><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','m1HOME.png',1)"><img src="m1HOMEROL.png" name="Image7" width="83" height="45" border="0"></a><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','m1STORIA.png',1)"><img src="m1STORIAROL.png" name="Image8" width="83" height="45" border="0"></a><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','m1Gallery.png',1)"><img src="m1GALLERYROL.png" name="Image9" width="83" height="45" border="0"></a><a href="www.ilmioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','m1CONTATTACI.png',1)"><img src="m1CONTATTACIROL.png" name="Image10" width="83" height="45" border="0"></a>
			<p style="margin-top: 0;">&nbsp;</p>
	   <br>			  
	   <span class="subHeader style2"><span class="style4">Galleria </span></span></td>
		</tr>
		<tr>
		  <td height="86" class="sidebarHeader"><p><img src="linea.png" width="500" height="10"><br>
			  <span class="style6">le immagini del pilone </span></p>
			  
			  <div class="showcase" id="horizontal">
		<a href="#previous" class="controls previous" rel="previous">&ndash;</a>
		<a href="#next" class="controls next" rel="next">+</a>
		<ul>
			<li><a href="#" title="Slide 1"><img src="images/1.jpg" alt="1" /></a></li>
			<li><a href="#" title="Slide 2"><img src="images/2.jpg" alt="2" /></a></li>
			<li><a href="#" title="Slide 3"><img src="images/3.jpg" alt="3" /></a></li>
			<li><a href="#" title="Slide 4"><img src="images/4.jpg" alt="4" /></a></li>
			<li><a href="#" title="Slide 5"><img src="images/5.jpg" alt="5" /></a></li>

			<li><a href="#" title="Slide 6"><img src="images/6.jpg" alt="6" /></a></li>
			<li><a href="#" title="Slide 7"><img src="images/7.jpg" alt="7" /></a></li>
		</ul>
	</div>	
	<script type="text/javascript">
		document.observe('dom:loaded', function () {
			new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
			});
	</script>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>
	  
 </div>

<br /><br /><br /><br /><br /><br />
 <div align="center">
		 </p>
		  <hr>		  </td>
		</tr>
	  </table>
  <div align="right"></div>
 <div align="center"></div></td>
	<td width="206">&nbsp;</td>
 <td>&nbsp;</td>
  </tr>
  <tr>
	<td width="131">&nbsp;</td>
	<td width="298">&nbsp;</td>
 <td width="271">&nbsp;</td>
  </tr>
</table>
<br>
</body>
</html>


#10 frman

frman

    PenSuite Developer

  • Admin
  • 12634 Messaggi:
  • Sesso:

Inviato 20 March 2009 - 17:45 PM

le immagini nella galleria li inserisci in questo elenco:

			<li><a href="#" title="Slide 1"><img src="images/1.jpg" alt="1" /></a></li>
			<li><a href="#" title="Slide 2"><img src="images/2.jpg" alt="2" /></a></li>
			<li><a href="#" title="Slide 3"><img src="images/3.jpg" alt="3" /></a></li>
			<li><a href="#" title="Slide 4"><img src="images/4.jpg" alt="4" /></a></li>
			<li><a href="#" title="Slide 5"><img src="images/5.jpg" alt="5" /></a></li>

			<li><a href="#" title="Slide 6"><img src="images/6.jpg" alt="6" /></a></li>
			<li><a href="#" title="Slide 7"><img src="images/7.jpg" alt="7" /></a></li>


#11 xelif

xelif

    Novizio

  • Utenti
  • PipPip
  • 39 Messaggi:

Inviato 20 March 2009 - 20:32 PM

ora provo grazie mille :)

#12 frman

frman

    PenSuite Developer

  • Admin
  • 12634 Messaggi:
  • Sesso:

Inviato 14 April 2009 - 13:02 PM

risolto?






0 utente(i) stanno leggendo questa discussione

utenti, ospiti, utenti anonimi

Coded for IP.Board 3.2 by Scott Jones of the TheDanzorLabs - Web Design and Development