[js] Javascript non funziona!
Salve a tutti...
Ho iniziato il progetto di un sito per una confraternita mettendo uno slideshow in javascript con foto ad inizio pagina... offline funziona tutto... ma una volta caricato sul host non va... non si vedono le foto e lo slide va al rallentatore.
Per caso c'è qualcosa che si deve fare sull'account?
oppure qualcuno ha un idea su cosa fare?
Il sito
http://sanantonio.altervista.org/index.html
Ecco il codice Xhtml
Codice:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Confraternita Sant Antonio Abate di Troina</title>
<meta name="Robots" content="index,follow" />
<meta name="author" content="Daniel Trovato Monastra" />
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="prettyphoto/css/prettyPhoto.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="pngFix/jquery.pngFix.js"></script>
<script type="text/javascript" src="prettyphoto/js/jquery.prettyPhoto.js"></script>
<!--[if IE 6]>
<style>
#pitch .infoline {margin-top:-74px;}
.post-options {margin:-55px 0 40px 138px;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
.post-options {margin-left:138px;}
</style>
<![endif]-->
<script type="text/javascript" src="highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;
// define the restraining box
hs.useBox = true;
hs.width = 640;
hs.height = 480;
// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: 1,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1><a href="#"><span></span></a></h1>
</div>
<div id="content">
<!-- main menu -->
<ul class="menu" id="jMenu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="#">Storia</a>
<ul>
<li><a href="storia.html">Confraternita: Origini e Storia</a></li>
<li><a href="magno.html">Antonio Magno</a></li>
<li><a href="tradizione.html">Canti Popolari Troinesi</a></li>
<li><a href="pagghiara.html">Tradizione di Sant'Antonio Abate a Troina</a></li>
<li><a href="carita.html">Carità nel nome di S.Antonio</a></li>
</ul>
</li>
<li><a href="#">Foto</a>
<ul>
<li><a href="foto2007.html">Festa 2007</a></li>
<li><a href="foto2009.html">Festa 2009</a></li>
<li><a href="#">Festa 2010</a></li>
</ul>
</li>
<li><a href="#">Organigramma</a>
<ul>
<li><a href="Amministrazione.html">Consiglio Direttivo</a></li>
<li><a href="Comitato.html">Comitato Festeggiamenti</a></li>
</ul>
</li>
<li><a href="#">Contatti</a>
<ul>
<li><a href="contact.html">Contatti</a>
<li><a href="mappe.html">Come Raggiungerci</a></li>
</ul>
</li>
</ul>
<!-- search form -->
<div id="search">
<form method="post" action="index.html">
<input type="text" class="text" name="query" value="Cerca Sant'Antonio Abate..." onfocus="this.value='';" onblur="this.value='Search...'" />
<input type="submit" class="submit" name="search" value="" />
</form>
</div>
<div class="x"></div>
<!-- image slider -->
<div id="pitch">
<div class="pitch-gallery">
<div class="pitch-gallery-holder" id="gallery-pitch-holder">
<div class="pitch-gallery-div">
<img src="http://forum.it.altervista.org/images/chiesa.jpg" alt="Chiesa Santa Caterina" />
<div class="infoline">Chiesa di Santa Caterina Addobata a Festa</div>
</div>
<div class="pitch-gallery-div">
<img src="http://forum.it.altervista.org/images/santo.jpg" alt="Sant Antonio in processione" />
<div class="infoline">Il Santo in Processione</div>
</div>
<div class="pitch-gallery-div">
<img src="http://forum.it.altervista.org/images/notte.jpg" alt="Sant Antonio in processione" />
<div class="infoline">Al buio la luce del Santo</div>
</div>
<div class="pitch-gallery-div">
<img src="http://forum.it.altervista.org/images/confrati.jpg" alt="Confratelli vestiti a Festa" />
<div class="infoline">I Confratelli vestiti con gli abiti della Tradizione</div>
</div>
</div>
</div>
</div>
Codice del Js
Codice:
var captcha_a = Math.ceil(Math.random() * 10);
var captcha_b = Math.ceil(Math.random() * 10);
var captcha_c = captcha_a + captcha_b;
function generate_captcha(id)
{
var id = (id) ? id : 'lcaptcha';
$("#"+id).html(captcha_a + " + " + captcha_b + " = ");
}
var jGalleryTimer = 0;
var jGalleryFirstStart = true;
var jGallery_action = false;
function jGallery(id, visible, timeInterval, transitionInterval)
{
var visible = (visible) ? visible : 1;
var timeInterval = (timeInterval) ? timeInterval : 5000;
var transitionInterval = (transitionInterval) ? transitionInterval : 200;
var w = (w) ? w : $("."+id+"-gallery-div :first").width();
var cnt = $("#gallery-"+id+"-holder > div").size();
if(jGalleryTimer)
{
clearInterval(jGalleryTimer);
jGalleryTimer = 0;
}
if(!jGalleryFirstStart)
{
if(!jGallery_move(id, cnt, -1, w, visible, transitionInterval))
jGallery_restart(id, cnt, transitionInterval);
}
jGalleryFirstStart = false;
jGalleryTimer = setInterval(function(){ jGallery(id, visible, timeInterval, transitionInterval); }, timeInterval);
}
function jGallery_move(id, cnt, dir, w, visible, transitionInterval)
{
if(jGallery_action)
return false;
var curr = document.getElementById("gallery-"+id+"-holder").style.left;
curr = parseFloat(curr);
if(isNaN(curr))
curr = 0;
if(dir > 0)
{
if(curr >= 0)
return false;
}
else
{
if(curr + cnt * w - visible * w <= 0)
return false;
}
jGallery_action = true;
var offset = w;
if(dir < 0)
dir = "-";
else
dir = "+";
$("#gallery-"+id+"-holder").animate(
{left : dir+"="+offset+"px"},
{queue:true, duration:transitionInterval, complete: function() {jGallery_action = false;}}
);
return true;
}
function jGallery_restart(id, cnt, transitionInterval)
{
if(jGallery_action)
return false;
var curr = document.getElementById("gallery-"+id+"-holder").style.left;
curr = parseFloat(curr);
if(isNaN(curr))
curr = 0;
if(curr >= 0)
return false;
jGallery_action = true;
var offset = curr * (-1);
$("#gallery-"+id+"-holder").animate(
{left : "+="+offset+"px"},
{queue:true, duration:transitionInterval*cnt, complete: function() {jGallery_action = false;}}
);
return true;
}
Il tutto è preso da un Templates
