Accedi per seguire   
Seguaci 0
xelif

Uno Script Mi Scombina La Home

12 messaggi in questa discussione

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

<!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="#14285f" onload="MM_preloadImages('m1HOMEROL.png','m1GALLERYROL.png','m1STORIAROL.png','m1CONTATTACIROL.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">Il Pilone di S.Trada</td>
    <td width="4"> </td>
  </tr>
  <tr bgcolor="000003">
    <td height="83" nowrap colspan="2" id="tagline" valign="top"><p>................................</p>
    <p> </p>
    <p> </p>
    <div align="center"><img src="ligth.png" width="477" height="28"></div></td>
 <td width="4"> </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="133" valign="top"> </td>
   <td colspan="2" valign="top"><div align="right"><br>
   </div>
 	<table border="0" cellspacing="0" cellpadding="2" width="565">
 	   <tr>
 		 <td width="654" class="subHeader"><a href="http://www.mioindirizzo.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','m1HOMEROL.png',1)"><img src="m1HOME.png" name="Home" width="83" height="45" border="0"></a></a><a href="http://www.mioindirizzo.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','m1GALLERYROL.png',1)"><img src="m1STORIA.png" name="Image10" width="83" height="45" border="0"></a><a href="www.mioindirizzo.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','m1GALLERYROL.png',1)"><img src="m1Gallery.png" name="Image9" width="83" height="45" border="0"></a><a href="www.mioindirizzo.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','m1CONTATTACIROL.png',1)"><img src="m1CONTATTACI.png" name="Image11" width="83" height="45" border="0"></a><a href="http://www.mioindirizzo.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','m1GALLERYROL.png',1)"><a href="http://www.mioindirizzo.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','m1GALLERYROL.png',1)"></a></td>
 	   </tr>
 	   <tr>
 		 <td class="bodyText"><p style="margin-top: 0;"> </p>
 	  <br>			  
 	  <span class="subHeader style2"><span class="style4">Galleria </span></span></td>
 	   </tr>
 	   <tr>
 		 <td class="sidebarHeader"><p><img src="linea.png" width="500" height="10"><br>
 			 <span class="style6">le immagini del pilone </span></p>
 		   <p>
 	 
 		</p>
 		   <hr>		  </td>
 	   </tr>
 	 </table>
  <div align="right"></div>
 <div align="center"></div></td>
    <td width="238"> </td>
 <td> </td>
  </tr>
  <tr>
    <td width="133"> </td>
    <td width="315"> </td>
 <td width="250"> </td>
 <td width="238"> </td>
  </tr>
</table>
<br>
</body>
</html>

questo è lo script

http://javascript.html.it/script/vedi/4921/showcase/

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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.

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

qualcuno mi sa spiegare come si inserisce???

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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">–</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>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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"> </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"> </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"> </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;"> </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> </p>
 		   <p> </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"> </td>
 <td> </td>
  </tr>
  <tr>
    <td width="131"> </td>
    <td width="298"> </td>
 <td width="271"> </td>
  </tr>
</table>
<br>
</body>
</html>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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"> </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"> </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"> </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;"> </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">–</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> </p>
		<p> </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"> </td>
<td> </td>
 </tr>
 <tr>
<td width="131"> </td>
<td width="298"> </td>
<td width="271"> </td>
 </tr>
</table>
<br>
</body>
</html>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

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>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0