Salve a tutti,
sto cercando di sviluppare uno slider che mostra alcune immagini associate a degli indici estratti dal database. Ho utilizzato questo come riferimento:
http://www.html.it/articoli/slider-d...ript-e-css3-1/
Nell'estrazione degli indici non riscontro alcun problema e visualizzo le immagini correttamente, ma non riesco a scorrere fra l'una e l'altra.
I pulsanti "Avanti/Indietro" mi riportano entrambi all'ultima immagine (e id) inseriti nel database.
Ecco il codice:
Codice PHP:
<?php
require "config/config.php";
?>
<html>
<head>
<link href="./css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="frame">
<div id="wrapper">
<ul class="slider">
<?php
$sql = "SELECT * FROM struttura ORDER BY id_immagine";
$result = $pdo->query($sql);
while ($row = $result->fetch())
{
$id_immagine= $row['id_immagine'];
$file = $row['file'];
$testo = $row['testo'];
?>
<li><img src="images/<?php echo htmlspecialchars($file, ENT_QUOTES, 'UTF-8');?>" id="<?php echo htmlspecialchars($id_immagine, ENT_QUOTES, 'UTF-8');?>" alt="" /></li>
<?php
}
?>
</ul>
</div>
</div>
<div class="navigation">
<a href="#" class="nav_prev js-shown">Indietro</a>
<a href="#<?php echo htmlspecialchars($id_immagine, ENT_QUOTES, 'UTF-8');?>" class="nav_btn"><img src="images/left-arrow.png" border="0"></a>
<a href="#<?php echo htmlspecialchars($id_immagine, ENT_QUOTES, 'UTF-8');?>" class="nav_btn" style="float: right;"><img src="images/right-arrow.png" border="0"></a>
<a href="#" class="nav_next js-shown">Avanti</a>
<div class="text"><?php echo htmlspecialchars($testo, ENT_QUOTES, 'UTF-8');?></div>
</div>
</body>
</html>
Ho provato ad utilizzare gli operatori di incremento/decremento su $id_immagine ma senza successo.
Come posso risolvere? Grazie in anticipo.
Rispondi quotando