Scorrimento Immagini

marcocarrieri

Che ne pensi di questo componente?

net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/

sulweb

A primo impatto sembra ottimo, spero solo che il codice non dovrà essere modificato tutte le volte che voglio visualizzare una nuova foto dandogli il percorso.

marcocarrieri

Beh la lista delle foto credo che nello script sia messo come elenco.
Ma che sia modificabile usando Asp o Php andando a leggere il contenuto di una determinata cartella.

sulweb

Sapete se esiste una guida in italiano?
non riesco ad integrarlo.

marcocarrieri

Credo che tu debba andare ad interagire su questa zona.

<div id="viewer" class="js-disabled">

                <a class="wrapper" href="#" title="Apple"><img class="logo" id="apple" src="logos/apple.jpg" alt="Apple"></a>
                <a class="wrapper" href="#" title="Firefox"><img class="logo" id="firefox" src="logos/firefox.jpg" alt="Firefox"></a>
                <a class="wrapper" href="#" title="jQuery"><img class="logo" id="jquery" src="logos/jquery.jpg" alt="jQuery"></a>
                <a class="wrapper" href="#" title="Twitter"><img class="logo" id="twitter" src="logos/twitter.jpg" alt="Twitter"></a>
                <a class="wrapper" href="#" title="jQuery UI"><img class="logo" id="jqueryui" src="logos/jqueryui.jpg" alt="jQuery UI"></a>
            </div>

Invece di usare le immagine e link di default, tu potresti leggere i file di tipo immagine contenuti in una cartella da te scelta.

sulweb

Ho fatto in questo modo ma ricevo un errore 'stack overflow at line: 12' proprio dove c'è <?php sinceramente non so come venirne a capo.

Questo il codice:
[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="imageScroller.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>imageScroller Image Carousel</title>
</head>
<body>
<div id="outerContainer">
<div id="imageScroller">
<div id="viewer" class="js-disabled">
<?php
function dir_list($directory = FALSE)
{
$dirs= array();
$files = array();
if ($handle = opendir("./" . $directory))
{
while ($file = readdir($handle))
{
if (is_dir("./{$directory}/{$file}"))
{
if ($file != "." & $file != "..") $dirs[] = $file;
}
else
{
if ($file != "." & $file != "..") $files[] = $file;
}
}
}
closedir($handle);
reset($dirs);
sort($dirs);
reset($dirs);
reset($files);
sort($files);
reset($files);

while(list($key, $value) = each($dirs))
{
$d++;
echo "<td><img src="{$value}"></td>";
}
echo "</ul>\n";
while(list($key, $value) = each($files))
{
echo "<td><img src="{$directory}{$value}"></td>";
}
echo "</ul>";

}
dir_list("../img/");
?>
</div>
</div>
</div>
<script type="text/javascript" src="jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function() {

 //remove js-disabled class
$("#viewer").removeClass("js-disabled");

 //create new container for images
$("<div>").attr("id", "container").css({ position:"absolute"}).width($(".wrapper").length * 170).height(170).appendTo("div#viewer");

//add images to container
$(".wrapper").each(function() {
 $(this).appendTo("div#container");
});

//work out duration of anim based on number of images (1 second for each image)
var duration = $(".wrapper").length * 1000;

//store speed for later (distance / time)
var speed = (parseInt($("div#container").width()) + parseInt($("div#viewer").width())) / duration;

//set direction
var direction = "rtl";

//set initial position and class based on direction
(direction == "rtl") ? $("div#container").css("left", $("div#viewer").width()).addClass("rtl") : $("div#container").css("left", 0 - $("div#container").width()).addClass("ltr") ;

//animator function
var animator = function(el, time, dir) {

 //which direction to scroll
 if(dir == "rtl") {

   //add direction class
  el.removeClass("ltr").addClass("rtl");

  //animate the el
  el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() {

   //reset container position
   $(this).css({ left:$("div#imageScroller").width(), right:"" });

   //restart animation
   animator($(this), duration, "rtl");

   //hide controls if visible
   ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;   

  });
 } else {

   //add direction class
  el.removeClass("rtl").addClass("ltr");

  //animate the el
  el.animate({ left:$("div#viewer").width() + "px" }, time, "linear", function() {

   //reset container position
   $(this).css({ left:0 - $("div#container").width() });

   //restart animation
   animator($(this), duration, "ltr");

   //hide controls if visible
   ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;   
  });
 }
}

//start anim
animator($("div#container"), duration, direction);

//pause on mouseover
$("a.wrapper").live("mouseover", function() {

 //stop anim
 $("div#container").stop(true);

 //show controls
 ($("div#controls").length == 0) ? $("<div>").attr("id", "controls").appendTo("div#outerContainer").css({ opacity:0.7 }).slideDown("slow") : null ;
 ($("a#rtl").length == 0) ? $("<a>").attr({ id:"rtl", href:"#", title:"rtl" }).appendTo("#controls") : null ;
 ($("a#ltr").length == 0) ? $("<a>").attr({ id:"ltr", href:"#", title:"ltr" }).appendTo("#controls") : null ;

 //variable to hold trigger element
 var title = $(this).attr("title");

 //add p if doesn't exist, update it if it does
 ($("p#title").length == 0) ? $("<p>").attr("id", "title").text(title).appendTo("div#controls") : $("p#title").text(title) ;
});

//restart on mouseout
$("a.wrapper").live("mouseout", function(e) {

 //hide controls if not hovering on them
 (e.relatedTarget == null) ? null : (e.relatedTarget.id != "controls") ? $("div#controls").slideUp("slow").remove() : null ;

 //work out total travel distance
 var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());

 //work out distance left to travel
 var distanceLeft = ($("div#container").hasClass("ltr")) ? totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width())) : totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left")))) ;

 //new duration is distance left / speed)
 var newDuration = distanceLeft / speed;

 //restart anim
 animator($("div#container"), newDuration, $("div#container").attr("class"));
});

//handler for ltr button
$("#ltr").live("click", function() {

 //stop anim
 $("div#container").stop(true);

 //swap class names
 $("div#container").removeClass("rtl").addClass("ltr");

 //work out total travel distance
 var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());

 //work out remaining distance
 var distanceLeft = totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width()));

 //new duration is distance left / speed)
 var newDuration = distanceLeft / speed;

 //restart anim
 animator($("div#container"), newDuration, "ltr");
});

//handler for rtl button
$("#rtl").live("click", function() {

 //stop anim
 $("div#container").stop(true);

 //swap class names
 $("div#container").removeClass("ltr").addClass("rtl");

 //work out total travel distance
 var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
 //work out remaining distance
 var distanceLeft = totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left"))));

 //new duration is distance left / speed)
 var newDuration = distanceLeft / speed;

 //restart anim
 animator($("div#container"), newDuration, "rtl");
});

});
</script>
</body>
</html>[/html]

marcocarrieri

Prova questo codice che ho elaborato, le variabili le setti attaverso php in cima al codice.

<html>
    <?php
        $lentezza=4000;
        $da_destra_a_sinistra="rtl";
        $da_sinistra_a_destra="ltr";
        $direzione_iniziale=$da_destra_a_sinistra;
        $directory_delle_immagini="logos";
        function getFileFromCartella($path)
        {
            $stringa_immagini="";
            $dir_handle=@opendir($path);
            $indicetemp=1;
            while($file=readdir($dir_handle))
            {
                if($file!="." && $file!="..")
                {
                    $stringa_immagini=$stringa_immagini."<a class=\"wrapper\" href=\"#\" title=\"Immagine$indicetemp\"><img class=\"logo\" id=\"immagine$indicetemp\" src=\"".$path."/".$file. "\" alt=\"immagine$indicetemp\"></a>".chr(10);
                    $indicetemp=$indicetemp+1;
                }
            }
            closedir($dir_handle);
            return $stringa_immagini;
        }
    ?>
    <head>
    <link rel="stylesheet" type="text/css" href="imageScroller.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>imageScroller Image Carousel</title>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    $(
        function() 
        {
            $("#viewer").removeClass("js-disabled");
            $("<div>").attr("id", "container").css({ position:"absolute"}).width($(".wrapper").length * 170).height(170).appendTo("div#viewer");
            $(".wrapper").each
            (
                function()
                {
                    $(this).appendTo("div#container");
                }
            );
            var duration = $(".wrapper").length * <?php echo $lentezza?>;
            var speed = (parseInt($("div#container").width()) + parseInt($("div#viewer").width())) / duration;
            var direction = "<?php echo $direzione_iniziale?>";
            (direction == "rtl") ? $("div#container").css("left", $("div#viewer").width()).addClass("rtl") : $("div#container").css("left", 0 - $("div#container").width()).addClass("ltr") ;
            var animator = function(el, time, dir)
            {
                if(dir == "rtl")
                {
                    el.removeClass("ltr").addClass("rtl");
                    el.animate
                    (
                        { left:"-" + el.width() + "px" }, time, "linear", function()
                        {
                        $(this).css({ left:$("div#imageScroller").width(), right:"" });
                        animator($(this), duration, "rtl");
                        ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;            
                        }
                    );
                }
                else
                {
                    el.removeClass("rtl").addClass("ltr");
                    el.animate
                    (
                        { left:$("div#viewer").width() + "px" }, time, "linear", function()
                        {
                            $(this).css({ left:0 - $("div#container").width() });
                            animator($(this), duration, "ltr");
                            ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;            
                        }
                    );
                }
            }
            animator($("div#container"), duration, direction);
            $("a.wrapper").live
            (
                "mouseover", function()
                {
                    $("div#container").stop(true);
                    ($("div#controls").length == 0) ? $("<div>").attr("id", "controls").appendTo("div#outerContainer").css({ opacity:0.7 }).slideDown("slow") : null ;
                    ($("a#rtl").length == 0) ? $("<a>").attr({ id:"rtl", href:"#", title:"rtl" }).appendTo("#controls") : null ;
                    ($("a#ltr").length == 0) ? $("<a>").attr({ id:"ltr", href:"#", title:"ltr" }).appendTo("#controls") : null ;
                    var title = $(this).attr("title");
                    ($("p#title").length == 0) ? $("<p>").attr("id", "title").text(title).appendTo("div#controls") : $("p#title").text(title) ;
                }
            );
            $("a.wrapper").live
            (
                "mouseout", function(e)
                {
                    (e.relatedTarget == null) ? null : (e.relatedTarget.id != "controls") ? $("div#controls").slideUp("slow").remove() : null ;
                    var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
                    var distanceLeft = ($("div#container").hasClass("ltr")) ? totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width())) : totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left")))) ;
                    var newDuration = distanceLeft / speed;
                    animator($("div#container"), newDuration, $("div#container").attr("class"));
                }
            );
            $("#ltr").live
            (
                "click", function()
                {
                    $("div#container").stop(true);
                    $("div#container").removeClass("rtl").addClass("ltr");
                    var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
                    var distanceLeft = totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width()));
                    var newDuration = distanceLeft / speed;
                    animator($("div#container"), newDuration, "ltr");
                }
            );
            $("#rtl").live
            (
                "click", function()
                {
                $("div#container").stop(true);
                $("div#container").removeClass("ltr").addClass("rtl");
                var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
                var distanceLeft = totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left"))));
                var newDuration = distanceLeft / speed;
                animator($("div#container"), newDuration, "rtl");
                }
            );
        }
    );
    </script>
    </head>
    <body>
        <div id="outerContainer">
            <div id="imageScroller">
                <div id="viewer" class="js-disabled">
                    <?php echo getFileFromCartella($directory_delle_immagini) ?>
                </div>
            </div>
        </div>        
    </body>
</html>

sulweb

Ciao Marco, sei un grande!
Funziona benissimo, ho solo il problema nell'inserirlo nella home.
secondo me il problema è dovuto alla presenta altri script.

marcocarrieri

Allora ci siamo quasi..
Purtroppo bisognerebbe vedere quali sono gli altri script.
C'è un addons per Firefox, Web developer che ti fa vedere gli eventuali errori Javascript e/o Css.
Prova a darci un occhiata.

sulweb

Il sito lo sto provando il locale e come errore mi da
Dettagli errore pagina Web
Agente utente: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
Timestamp: Thu, 10 Dec 2009 13:50:05 UTC

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 32
Carattere: 25
Codice: 0

il codice che utilizzo è questo
errore che mi da si trova nella parentesi gaffa

function()
{
$("#viewer").removeClass("js-disabled");

[html]
<?php
$lentezza=4000;
$da_destra_a_sinistra="rtl";
$da_sinistra_a_destra="ltr";
$direzione_iniziale=$da_destra_a_sinistra;
$directory_delle_immagini="logos";
function getFileFromCartella($path)
{
$stringa_immagini="";
$dir_handle=@opendir($path);
$indicetemp=1;
while($file=readdir($dir_handle))
{
if($file!="." && $file!="..")
{
$stringa_immagini=$stringa_immagini."<a class="wrapper" href="#" title="Immagine$indicetemp"><img class="logo" id="immagine$indicetemp" src="".$path."/".$file. "" alt="immagine$indicetemp"></a>".chr(10);
$indicetemp=$indicetemp+1;
}
}
closedir($dir_handle);
return $stringa_immagini;
}
?>
<head>
<link rel="stylesheet" type="text/css" href="imageScroller.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>imageScroller Image Carousel</title>
<script type="text/javascript" src="jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(
function()
{
$("#viewer").removeClass("js-disabled");
$("<div>").attr("id", "container").css({ position:"absolute"}).width($(".wrapper").length * 170).height(170).appendTo("div#viewer");
$(".wrapper").each
(
function()
{
$(this).appendTo("div#container");
}
);
var duration = $(".wrapper").length * <?php echo $lentezza?>;
var speed = (parseInt($("div#container").width()) + parseInt($("div#viewer").width())) / duration;
var direction = "<?php echo $direzione_iniziale?>";
(direction == "rtl") ? $("div#container").css("left", $("div#viewer").width()).addClass("rtl") : $("div#container").css("left", 0 - $("div#container").width()).addClass("ltr") ;
var animator = function(el, time, dir)
{
if(dir == "rtl")
{
el.removeClass("ltr").addClass("rtl");
el.animate
(
{ left:"-" + el.width() + "px" }, time, "linear", function()
{
$(this).css({ left:$("div#imageScroller").width(), right:"" });
animator($(this), duration, "rtl");
($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;
}
);
}
else
{
el.removeClass("rtl").addClass("ltr");
el.animate
(
{ left:$("div#viewer").width() + "px" }, time, "linear", function()
{
$(this).css({ left:0 - $("div#container").width() });
animator($(this), duration, "ltr");
($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;
}
);
}
}
animator($("div#container"), duration, direction);
$("a.wrapper").live
(
"mouseover", function()
{
$("div#container").stop(true);
($("div#controls").length == 0) ? $("<div>").attr("id", "controls").appendTo("div#outerContainer").css({ opacity:0.7 }).slideDown("slow") : null ;
($("a#rtl").length == 0) ? $("<a>").attr({ id:"rtl", href:"#", title:"rtl" }).appendTo("#controls") : null ;
($("a#ltr").length == 0) ? $("<a>").attr({ id:"ltr", href:"#", title:"ltr" }).appendTo("#controls") : null ;
var title = $(this).attr("title");
($("p#title").length == 0) ? $("<p>").attr("id", "title").text(title).appendTo("div#controls") : $("p#title").text(title) ;
}
);
$("a.wrapper").live
(
"mouseout", function(e)
{
(e.relatedTarget == null) ? null : (e.relatedTarget.id != "controls") ? $("div#controls").slideUp("slow").remove() : null ;
var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
var distanceLeft = ($("div#container").hasClass("ltr")) ? totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width())) : totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left")))) ;
var newDuration = distanceLeft / speed;
animator($("div#container"), newDuration, $("div#container").attr("class"));
}
);
$("#ltr").live
(
"click", function()
{
$("div#container").stop(true);
$("div#container").removeClass("rtl").addClass("ltr");
var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
var distanceLeft = totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width()));
var newDuration = distanceLeft / speed;
animator($("div#container"), newDuration, "ltr");
}
);
$("#rtl").live
(
"click", function()
{
$("div#container").stop(true);
$("div#container").removeClass("ltr").addClass("rtl");
var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
var distanceLeft = totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left"))));
var newDuration = distanceLeft / speed;
animator($("div#container"), newDuration, "rtl");
}
);
}
);
</script>
<script language="JavaScript" type="text/javascript">
<!-- Begin
var message = new Array();
// Set your messages you want typed into the title bar below.
// To add more messages, just add more elements to the array.
message[0] = "Benvenuti";
message[1] = "real_unione";
message[2] = "Sito Ufficiale della squadra di calcio Real Unione";
message[3] = "tutto sul campionato F.I.G.C - L.N.D Prima Categoria ...";
message[4] = "risultati, cronache degli incontri...";
message[5] = "curiosità, news e tanto altro...";

// Set the number of repetitions (how many times a given message is typed out
// before moving onto the next message).
var reps = 1;
var speed = 200;// Set the overall typing speed (larger number = slower action).
var hold = 8 // set the length of time to display the whole phrase before retyping (larger number = longer)

// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;

if (reps < 1) {
reps = 1;
}
function setMessage() {
typing = message;
q = typing.length;
r = q + hold;
typeMessage();
}
function typeMessage() {
if (s > r) {
s = 0;
}
if (s > q) {
document.title = '|- '+ typing +' - - -';
}
else {
document.title = '|- '+ typing.substr(0,s)+' - - -';
}
if (C < (r * reps)) {
sT = setTimeout("typeMessage()", speed);
C++;
s++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) {mC = 0;}
sT = null;
setMessage();
}
}
setMessage();
// End -->
</script>
<style type="text/css">
<!--
body {
background-color: #425194;
}
.Stile1 {
color: #29166F;
font-size: 14px;
font-weight: bold; ;
}
.Stile2 {
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
}
}
.Stile4 {
color:;
font-size: 18px;
font-weight: bold;
}
.Stile7 {font-size: 24px;color:;}
#Layer1 {
position:absolute;
left:172px;
top:392px;
width:79px;
height:100px;
z-index:1;
}
div#news_box{width: 250px; height: 150px; border-color: #CC0202;border-width: 1px; border-style: solid; }
div#news_top{text-align: center; border-style: solid; border-color:;border-width: 0px 0px 1px 0px;}
img{border:0;margin:0px;}
</style>

</head>
<body>
<table width="897" border="8" align="center" cellpadding="5" bordercolor="#29166F" bgcolor="#FFFFFF">
<tr>
<td><img src="image/logo_usdreal2.png" alt="logo asd real unuone" />
<?php require("menu.php"); ?>
<img src="image/k34.gif" alt="barra" width="100%" height="13" />
<table width="100%" border="0">
<tr bgcolor="#D9DAEC">
<th scope="col">

      <marquee>
        <div align="right">  
             <span class="Stile4">*A.S.D. REAL UNIONE* Campionato Regionale di Calcio 2009/2010 - Sicilia - I^ Categoria girone H</span>          
</marquee>  </th>

</tr>
</table>
<img src="image/k34.gif" alt="barra" width="100%" height="13" />

<table width="660" border="1" align="center" cellpadding="0" bordercolor="#29166F">
<tr>
<td width="731"><div align="center"><img src="image/regionesiciliana.png" alt="regione" width="135" height="95" hspace="23" /> <img src="image/unione_comuni.png" alt="Unione Comuni Alto Verdura e Gebbia" width="150" height="150" hspace="55" /><img src="image/pr_reg_ag.png" alt="provincia agrigento" width="194" height="100" hspace="0" /></div></td>
</tr>
</table>
<table width="531" border="0" align="center" cellpadding="0">
<tr>
<td width="81" align="left" valign="top"><img src="image/FIGC.jpg" width="81" height="91" align="top" /></td>
<td width="360" align="center" valign="top"><span class="Stile4">Federazione Italiana Giuoco Calcio <br />
Lega Nazionale Dilettanti <br />
COMITATO REGIONALE SICILIA <br />
Campionato di Prima Categoria Girone H</span></td>
<td width="82" align="left" valign="top"><span class="Stile4"><img src="image/stadio.png" alt="lnd" width="82" height="91" /></span></td>
</tr>
</table>
<table width="85%" border="0" align="center" cellpadding="0">
<tr>
<td align="center" valign="top"><div align="center">
<br /><img src="image/asd_real_unione_news.png" width="134" height="16" alt="asd real unione news" /><br /><iframe src="news/include.php" style="border:0px;" width="250" height="130" scrolling="auto"> </iframe></div></td>
<td align="center" valign="top"><div align="center"><br /><a href="newcalcio.org/" title="pronostici calcio"><img src="newcalcio.org/pronostici/news.png" /></a><br /><iframe src="newcalcio.org/iframe.php?news=10" style="border:0px;" width="250" height="130" scrolling="auto">
</iframe></div></td>
</tr>
</table>
<img src="image/k34.gif" alt="barra" width="100%" height="13" /><br />
<table width="100%" border="0" cellpadding="0">
<tr>
<td width="51%" align="left" valign="top"><table height="178" border="0" cellpadding="0">
<tr>
<td width="444" align="left" valign="top"><div align="center"><a href="img/squadra.jpg"><img src="admin/uploads/squadra.jpg" alt="squadra" width="444" height="173" border="0" align="top"></a></div></td>
</tr>
</table>
<table width="99%" border="0" cellpadding="0">
<tr>
<td width="48%" align="left" valign="top"><p align="center" class="Stile7"><img src="admin/uploads/stadio.gif" alt="stadio" width="211" height="324" /></p> </td>
<td width="52%" align="left" valign="top">
<table width="100%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000066">
<tr style="background-color: #000066;">
<th align="center" valign="middle"><span class="Stile2">Classifica</span></th>
<td><div align="center"><img src="image/pallone.gif" alt="pallone" /></div></td>
</tr>
<?php
include('config.inc.php');
$sql = "SELECT * FROM squadre ORDER BY pt DESC;";
$result = mysql_query ($sql,$link);
$num=mysql_num_rows($result);
$i=0;
while($i<$num)
{
$nomesquadra=mysql_result($result, $i, "nomesquadra");
$pt=mysql_result($result, $i, "pt");
if(($i%2)==0) $colore="#E1E1E1";
else $colore="#F1F1F1";
echo " <tr style="background-color: $colore;">\n"
." <td><span class="Stile1">$nomesquadra</span></td>\n"
." <td><div align="center"><span class="Stile1">$pt</span></div></td>\n"
." </tr>\n";
$i++;
}
?>
<!? chiudiamo la tabella aperta all?inizio dello script ?>
</table> </td>
</tr>
</table> </td>
<td width="49%" align="left" valign="top"><div align="center">
<img src="image/risultati.png" alt="risultati" width="276" height="58" />
<?php require("risultato.php"); ?>
<br />
</div>
<div align="center"><img src="image/prossimoturno.png" alt="prossimo turno" width="320" height="60" /> </div>
<?php require("prossimo_turno.php"); ?></td>
</tr>
</table>

      <div id="outerContainer">
        <div id="imageScroller">
          <div id="viewer" class="js-disabled">
                <?php echo getFileFromCartella($directory_delle_immagini) ?>                </div>

</div>
</div> </td>
</tr>
</table>
</body>
</html>[/html]

marcocarrieri

Se non sbaglio mi sembra che questa riga sia diversa.

 <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

sulweb

E' diversa perchè ho dovuto togliere http per inviare il post, io non sono autorizzato ad inviare link e questo lo prende come un link.

marcocarrieri

Bene allora cerco da un altra parte l'errore.

marcocarrieri

Avresti la possibilità di postare il tutto su una pagina di prova online?