我如何使PHP / HTML图像在单击时显示原始大小？

Question

我正在开发一个新闻部分，其中包含文本和图像，要单击的图像必须显示其原始大小。有人可以帮我弄这个吗？

    <?php

  $select_stmt=$db->prepare("SELECT * FROM teste ORDER BY id DESC;" );  //sql select query

    $select_stmt->execute();

    while($row=$select_stmt->fetch(PDO::FETCH_ASSOC))

    {

?>

<div class="container" id="fadein">

  <div class="row">

    <div class="col-sm-4">

        <div id="imagem"><img src="upload/<?php echo $row['image']; ?>" class="imagem"></div>

        <script src="scripts/javascript.js"></script>

    </div> 

        <div class="col-sm-8">

            <div class="col-sm-12" id="titulo"><?php echo $row['titulo'];?></div>

            <br>

            <div class="col-sm-12" id="sub_titulo"><?php echo $row['sub_titulo'];?></div>

            <br>

            <div class="col-sm-12" id="texto"><?php echo $row['texto'];?></div>

        </div>

    </div>

    <br>

    <div class="row">

        <div class="col-sm-6" align="right"><a href="edit.php?update_id=<?php echo $row['id']; ?>" class="btn btn-warning">Editar</a></div>

        <div class="col-sm-6"><a href="?delete_id=<?php echo $row['id']; ?>" class="btn btn-danger">Eliminar</a></div>

    </div>

    <br>

    <br>

    <br>

    <p class="barra"></p>

    <br>

    <br>

</div>

<?php

}

?>

Answer 1

当我第一次单击时，我需要将图像设置为原始大小，然后第二次单击该图像，将其返回为html中定义的原始大小。