Trocar fotos no evento Onclick
Preciso trocar as fotos que estão no vetor 1, 2 e 3 no evento de um click. Assim como está troca da foto 1 para 3.
Tentei fazer rodar o vetor, mas não estou conseguindo.
Alguém pode refazer esse código na parte do javascript, de forma que troque essas fotos quando no evento de click?
$codigo = $_GET['codigo'];
?>
<div class="row mt-4 ml-5">
<?php
$sql = "SELECT * FROM $arquivo_pd WHERE id = '$codigo'"
or die('Erro de seleção na tb_veiculos');
$result_pd= mysqli_query($strcon,$sql) or die('Erro de consulta na tb_veiculos');
while ($row = mysqli_fetch_array($result_pd)) {
$id = $row['id'];
$modelo = $row['modelo'];
$marca = $row['marca'];
$cor = $row['cor'];
$url_foto[1] = $row['url_foto01'];
$url_foto[2] = $row['url_foto02'];
$url_foto[3] = $row['url_foto03'];
$ano_fabricacao = $row['ano_fabricacao'];
$ano_modelo = $row['ano_modelo'];
$valor = $row['valor'];
?>
<div class="card">
<div class="inner">
<img class="card-img-top" src=<?php echo $url_foto[1];?> id="trocaimg" alt="modelo">
</div>
<div class="card-header">
<input type="button" value=">" onclick="img01();" />
<script>
function img01 () {
document.getElementById("trocaimg").src=<?php
echo json_encode($url_foto[3]);?>;
}
</script>
</div>
</div>
<?php
}
?>
</div>
</div><!--container-->Discussão (6)
Carregando comentários...