增加图像缩略图的大小

The following code is used to retrieve images from a database and display in a table! After the importing of jquery and bootstrap files(used to implement lightbox model to view images) the size of images became small but i dont know how to increase the size of the images because they are bit small! how can i correct it?

The sizes height=180 and width=150 put for images dont work :(

<?php
    require("includes/db.php");

    $sql="SELECT * FROM `order` ";
    $result=mysqli_query($db,$sql);
    echo"<head>";
    echo'//<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
            <link rel="stylesheet" href="css/jquery.gallery.css">

            <script src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
            <script type="text/javascript"  src="js/jquery.gallery.js" ></script>
            <script>
                $(function() {
                    $(".simple_img_gallery").createSimpleImgGallery();
                });
            </script>';
    echo"</head>";

    echo "<body bgcolor=#E6E6FA>";
    echo "<table border=1 cellspacing=0 cellpadding=4 > " ;
    while($row=mysqli_fetch_array($result))
    {
        echo '<div class="simple_img_gallery">';
        echo '<a href='.( $row['Image1'] ).'    >';
        echo "<img id='myImg1' src='" .$row['Image1']. "' height='180' width='150' class='lightbox' />";

        echo "</a>";
        echo"</div>";

        echo "<br>";
        echo"</td>";
        echo"<td align=center >";


        if($row['Image2']=="No copy"){
            echo "No copy";
        }else{
            echo '<div class="simple_img_gallery">';
            echo '<a href='.( $row['Image2'] ).'>';
            echo "<img id='myImg1' src='" .$row['Image2']. "' height='180' width='150' class='lightbox' />";

            echo "</a>";
        }

        echo "<br>";
        echo"</td>";
        echo"<td align=center >";

        if($row['Image3']=="No copy"){
            echo "No copy";
        }else{
            echo '<div class="simple_img_gallery">';
            echo '<a href='.( $row['Image3'] ).'    >';

            echo "<img id='myImg1' src='" .$row['Image3']. "' height='180' width='150' class='lightbox' />";

            echo "</a>";
        }

        echo "<br>";
        echo"</tr>";
        echo "</div>";
    }
    echo"</body>";
    echo "<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();


</script>"

?>

enter image description here

Looks like you're limiting your image size by CSS. That said, your browser knows about 180x150 size, but rerenders it according to your CSS rules.

A quick fix would be:

echo "<img id='myImg1' src='" .$row['Image1']. "' height='180' width='150' class='lightbox' style="height: 180px; width: 150px;" />";

Anyway, please take a look at your CSS and fix it in there.