Errore nella visualizzazione di un javascript

Salve a tutti ragazzi, ormai sono più di due settimane che cerco di inserire un java script all'interno del mio sito, ma con pessimi risultati.
Per non so quale motivo, inserendo lo script funzionante, mi va a modificare l'intera grafica della pagina fatta con alterpages.
C'è qualcuno che se ne intende e può dirmi se nota qualche problema all'interno del codice?

Codice HTML:

<html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <title>Indice</title> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' /> <noscript> <link rel="stylesheet" type="text/css" href="css/noscript.css" /> </noscript> </head> <body> <div class="container"> <div class="wrapper"> <div id="ei-slider" class="ei-slider"> <ul class="ei-slider-large"> <li> <img src="http://forum.it.altervista.org/images/large/1.jpg" alt="image01" /> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/index.html">Homepage</a></h3> </div> </li> <li> <img src="http://forum.it.altervista.org/images/large/2.jpg" alt="image02" /> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pagina-851819.html">La pelle</a></h3> </div> </li> <li> <img src="http://forum.it.altervista.org/images/large/3.jpg" alt="image03"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pagina-851065.html">Cura di viso e corpo</a></h3> </div> </li> <li> <img src="http://forum.it.altervista.org/images/large/4.jpg" alt="image04"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pagina-851285.html">Cura dei capelli</a></h3> </div> </li> <li> <img src="http://forum.it.altervista.org/images/large/5.jpg" alt="image05"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pagina-851085.html">Cosmesi</a></h3> </div> </li> <li> <img src="http://forum.it.altervista.org/images/large/6.jpg" alt="image06"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pagina-851661.html">Denti e labbra</a></h3> </div> </li> <li> <img src="http://forum.it.altervista.org/images/large/7.jpg" alt="image07"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pagina-845939.html">Disclaimer</a></h3> </div> </li> </ul> <ul class="ei-slider-thumbs"> <li class="ei-slider-element">Current</li> <li><a href="#">Slide 1</a><img src="http://forum.it.altervista.org/images/thumbs/1.jpg" alt="thumb01" /></li> <li><a href="#">Slide 2</a><img src="http://forum.it.altervista.org/images/thumbs/2.jpg" alt="thumb02" /></li> <li><a href="#">Slide 3</a><img src="http://forum.it.altervista.org/images/thumbs/3.jpg" alt="thumb03" /></li> <li><a href="#">Slide 4</a><img src="http://forum.it.altervista.org/images/thumbs/4.jpg" alt="thumb04" /></li> <li><a href="#">Slide 5</a><img src="http://forum.it.altervista.org/images/thumbs/5.jpg" alt="thumb05" /></li> <li><a href="#">Slide 6</a><img src="http://forum.it.altervista.org/images/thumbs/6.jpg" alt="thumb06" /></li> <li><a href="#">Slide 7</a><img src="http://forum.it.altervista.org/images/thumbs/7.jpg" alt="thumb07" /></li> </ul> </div> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.eislideshow.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function() { $('#ei-slider').eislideshow({ animation : 'center', autoplay : true, slideshow_interval : 3000, titlesFactor : 0 }); }); </script> <br /><br /><br /><br /> </body> </html>

Ma stai provando a modificare direttamente il codice generato da AlterPages? Ti ricordo che al primo uso dell'interfaccia di modifica le correzioni apportate manualmente verranno perse.

Citazione:

Originalmente inviato da karl94

Ma stai provando a modificare direttamente il codice generato da AlterPages? Ti ricordo che al primo uso dell'interfaccia di modifica le correzioni apportate manualmente verranno perse.

Si lo so, ma diciamo che più che modificare il codice vero e proprio sto semplicemente cercando di aggiungere questo dove ora c'è un'immagine.. Il codice di fondo di alterpages è lo stesso.

Ma non puoi usare l'elemento HTML di Alterpages?

Citazione:

Originalmente inviato da saitfainder

Ma non puoi usare l'elemento HTML di Alterpages?

non funziona.. cerca di caricarmi lo script e non ce la fa.. non capisco perchè visto che facendolo partire da solo va.. cioè, ho caricato tutti i file che servono a parte.. mha, resterà un mistero ancora per un po', mi sa che finchè non mi metto sotto a studiare pesantemente i javascript non troverò la soluzione.. Mi scoccia solo buttare così nel cesso una settimana si lavoro -.-'

Prepara una pagina di prova (usando l'elemento HTML) e indicane qui l'indirizzo, così vediamo cosa non va.

Sostanzialmente questo è quello che succede.. mi va a modificare tutta la pagina e non parte, non capisco perchè -.-'
http://curefaidate.altervista.org/prova.html

Non puoi inserire un intero documento HTML, così rompi la pagina. Prova con questo codice:

Codice HTML:

<link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair +Display:400italic' rel='stylesheet' type='text/css' /> <noscript> <link rel="stylesheet" type="text/css" href="css/noscript.css" /> </noscript> <div class="container"> <div class="wrapper"> <div id="ei-slider" class="ei-slider"> <ul class="ei-slider-large"> <li> <img src="images/large/1.jpg" alt="image01" /> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/index.html">Homepage</a></h3> </div> </li> <li> <img src="images/large/2.jpg" alt="image02" /> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/pelle.html">La pelle</a></h3> </div> </li> <li> <img src="images/large/3.jpg" alt="image03"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/cura-viso- corpo.html">Cura di viso e corpo</a></h3> </div> </li> <li> <img src="images/large/4.jpg" alt="image04"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/cura-capelli.html">Cura dei capelli</a></h3> </div> </li> <li> <img src="images/large/5.jpg" alt="image05"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/cosmesi.html">Cosmesi</a></h3> </div> </li> <li> <img src="images/large/6.jpg" alt="image06"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/denti-labbra.html">Denti e labbra</a></h3> </div> </li> <li> <img src="images/large/7.jpg" alt="image07"/> <div class="ei-title"> <h2>Cure faidate</h2> <h3><a href="http://www.curefaidate.altervista.org/disclaimer.html">Disclaimer</a></h3> </div> </li> </ul> <ul class="ei-slider-thumbs"> <li class="ei-slider-element">Current</li> <li><a href="#">Slide 1</a><img src="images/thumbs/1.jpg" alt="thumb01" /></li> <li><a href="#">Slide 2</a><img src="images/thumbs/2.jpg" alt="thumb02" /></li> <li><a href="#">Slide 3</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li> <li><a href="#">Slide 4</a><img src="images/thumbs/4.jpg" alt="thumb04" /></li> <li><a href="#">Slide 5</a><img src="images/thumbs/5.jpg" alt="thumb05" /></li> <li><a href="#">Slide 6</a><img src="images/thumbs/6.jpg" alt="thumb06" /></li> <li><a href="#">Slide 7</a><img src="images/thumbs/7.jpg" alt="thumb07" /></li> </ul> </div> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.eislideshow.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function() { $('#ei-slider').eislideshow({ animation : 'center', autoplay : true, slideshow_interval : 3000, titlesFactor : 0 }); }); </script>

Inoltre anche il codice che hai inserito nell'altro elemento HTML (quello nel piè di pagina) è scorretto.

non funziona in ogni caso, ci avevo già provato, ci ho riprovato e non va.. credo sia proprio alterpages che non lo accetta

Non è AlterPages, le immagini dalla quattro non ci sono e le richieste HTTP restituiscono codice di errore 404, per questo vedi sempre la scritta loading, poiché non tutte le immagini sono state caricate.

cacchio, hai ragione, non capisco come sia potuto succedere, ero convinta di averle caricate tutte insieme invece mi dava solo le prime tre.. bene, per essere funziona, il problema è che continua comunque a cambiarmi la grafica a tutta la pagina, non capisco dove stia il problema, che rottura

Lo stile della pagina viene ridefinito dal foglio di stile demo.css, eliminalo e rimuovi l'elemento link che lo includeva.

cavolo, grazie mille, mi hai salvato settimane di lavoro, ora devo solo ridimensionare le immagini e ci sono.. grazie ^^