ciao a tutt 
Ho un classico slide in javascript x fotogallery, scorrendo le due frecce avanti e indietro, scorro la galleria.Il problema è quando carico la pagina , cosa fare apparire come prima foto. Le foto sono caricate con script php che le preleva da un db mysql (sono a loro volta inserite tramite script php nel db e nel server)
Poi con Js creo la galleria. funziona tutto bene tranne che non so apputno come fare a fare apparire la primafoto della lista ogni volta chesi aprela pagina. Descrizione è il secondo campo nel db che è il tiutolo foto, mentre i_d foto è ilcounter autoincrement
Ecco script completo :
Nella stessa pagina galleryetc.php ecco qua:
$sql = "SELECT * FROM varie ORDER BY descrizione";
$result = mysql_query ($sql);
while ($row = mysql_fetch_row($result))
{
echo "photos[".$item."]=\"varie/".$row[0].".jpg\";";
$item=$item+1;
}
}
?>
function arrow()
{
document.getElementById( "back2" ).style.display = "none";
}
function changePic(dir) {
var image = document.images.photoslider,
fwdBtn = document.getElementById('forward2'),
backBtn = document.getElementById('back2'),
n = photos.length-1;
if (dir == "next") {
which = (which < n) ? which + 1 : which;
image.src = photos[which];
backBtn.style.display = "inline";
if (which == n) {
fwdBtn.style.display = "none";
}
} else if (dir == "back") {
which = (which > 0) ? which - 1 : which;
image.src = photos[which];
fwdBtn.style.display = "inline";
if (which === 0) {
backBtn.style.display = "none";
}
}
return false;
}
</script>
</head>
<body OnLoad="arrow()">
<div class="container2">
<div id="logo" > <img title="logo" src="logo2.jpg"></div>
<div class="menu">
<a href="http://paolobergomifoto.altervista.org">Home </a>
<a href="http://paolobergomifoto.altervista.org">Chi sono </a>
<a href="http://paolobergomifoto.altervista.org/gallerie.html">Gallerie </a>
<a href="http://www.paolobergomi.it/">Contatti </a>
<a href="http://paolobergomifoto.altervista.org">Credits </a>
</div>
<div id="backvarie">
<a href="#" onclick="return changePic('back');">
<img id="back2" style="border:0px" src="indietro.jpg"></a>
</div>
<div class="centro">
<div class="gruppofoto2"><a href="gallerymacro.php">Macro</a><a href="gallerypaesaggi.php">Paesaggi</a><a href="galleryritratti.php">Ritratti</a><a href="gallerybn.php">B&N</a><a href="gallerynotturna.php">Notturna</a><a href="galleryvarie.php">Varie</a><img src="(Qual nonso che mettere!!) " name="photoslider">
</div>
</div>
<div id="forward"><a href="#" onclick="return changePic('next');"> <img id="forward2" style="border:0px" src="avanti.jpg"></a>
</div>
<div class="inizio"><a href="#" onclick="which=1; changePic('back');return false" >Torna all'inizio della gallery</a>
</div>
<div id="footer">Created by Paolo Bergomi</div>
</div>
Nello spazion Img Src="" devo fare apparire la foto iniziale della conta, qualcuno ha qualche idea?
Appena apro la pagina non appare nulla ovviamente xché non riesco a creare lao script adatto. :crying:
saluti
e grazie ciao ciao:byebye:
Ho un classico slide in javascript x fotogallery, scorrendo le due frecce avanti e indietro, scorro la galleria.Il problema è quando carico la pagina , cosa fare apparire come prima foto. Le foto sono caricate con script php che le preleva da un db mysql (sono a loro volta inserite tramite script php nel db e nel server)
Poi con Js creo la galleria. funziona tutto bene tranne che non so apputno come fare a fare apparire la primafoto della lista ogni volta chesi aprela pagina. Descrizione è il secondo campo nel db che è il tiutolo foto, mentre i_d foto è ilcounter autoincrement
Ecco script completo :
Nella stessa pagina galleryetc.php ecco qua:
$sql = "SELECT * FROM varie ORDER BY descrizione";
$result = mysql_query ($sql);
while ($row = mysql_fetch_row($result))
{
echo "photos[".$item."]=\"varie/".$row[0].".jpg\";";
$item=$item+1;
}
}
?>
function arrow()
{
document.getElementById( "back2" ).style.display = "none";
}
function changePic(dir) {
var image = document.images.photoslider,
fwdBtn = document.getElementById('forward2'),
backBtn = document.getElementById('back2'),
n = photos.length-1;
if (dir == "next") {
which = (which < n) ? which + 1 : which;
image.src = photos[which];
backBtn.style.display = "inline";
if (which == n) {
fwdBtn.style.display = "none";
}
} else if (dir == "back") {
which = (which > 0) ? which - 1 : which;
image.src = photos[which];
fwdBtn.style.display = "inline";
if (which === 0) {
backBtn.style.display = "none";
}
}
return false;
}
</script>
</head>
<body OnLoad="arrow()">
<div class="container2">
<div id="logo" > <img title="logo" src="logo2.jpg"></div>
<div class="menu">
<a href="http://paolobergomifoto.altervista.org">Home </a>
<a href="http://paolobergomifoto.altervista.org">Chi sono </a>
<a href="http://paolobergomifoto.altervista.org/gallerie.html">Gallerie </a>
<a href="http://www.paolobergomi.it/">Contatti </a>
<a href="http://paolobergomifoto.altervista.org">Credits </a>
</div>
<div id="backvarie">
<a href="#" onclick="return changePic('back');">
<img id="back2" style="border:0px" src="indietro.jpg"></a>
</div>
<div class="centro">
<div class="gruppofoto2"><a href="gallerymacro.php">Macro</a><a href="gallerypaesaggi.php">Paesaggi</a><a href="galleryritratti.php">Ritratti</a><a href="gallerybn.php">B&N</a><a href="gallerynotturna.php">Notturna</a><a href="galleryvarie.php">Varie</a><img src="(Qual nonso che mettere!!) " name="photoslider">
</div>
</div>
<div id="forward"><a href="#" onclick="return changePic('next');"> <img id="forward2" style="border:0px" src="avanti.jpg"></a>
</div>
<div class="inizio"><a href="#" onclick="which=1; changePic('back');return false" >Torna all'inizio della gallery</a>
</div>
<div id="footer">Created by Paolo Bergomi</div>
</div>
Nello spazion Img Src="" devo fare apparire la foto iniziale della conta, qualcuno ha qualche idea?
Appena apro la pagina non appare nulla ovviamente xché non riesco a creare lao script adatto. :crying:
saluti
e grazie ciao ciao:byebye:
