Hjælp til zooming af billeder

Hej alle

Jeg har denne kode            <div class="indhold">
                  <p>
                      <div class="varer"
                     
                        <?php
            $con=mysqli_connect(localhost,"inftekdk_Emma","d14emma8011","inftekdk_Emma");
                           
                    $result = mysqli_query($con,"SELECT * FROM Varer WHERE kategori = 'Toej'");
                    $Counter = 0;
                    $Antal = 3; // Antal emner på række.
            while($row = mysqli_fetch_array($result))
{
    if($Counter%AntalPaaRaekke == 0){
        if($Counter == 0){
            ?>
           
            <div style="float: left; width: 100%;">
            <?php
        }else{
            ?>
            </div>
            <div style="float: left; width: 100%;">
            <?php
        }
                        }
                        $Counter++;
                        echo "<div class='Toej'>";
                        echo "<div class='billede'><img src='" . $row['billede'] . "' width='200'></div>";
                        echo "<div class='info'><h2>" . $row['navn'] . "</h2>";
                        echo "<p>" . $row['beskrivelse'];
                        echo "<p><b>Pris: </b>" . str_replace(".",",",$row['pris']) . " kr.</p>";
                        echo "<p><a href='addtocart.php?id=" . $row['nr'] . "'><button>Læg i kurv</button></a></p></div>";
                        echo "</div>";
                       
                        }
                        if($Counter > 0){
                            echo "</div>";
                        }
                            //kommenter nedenst?ende
                            mysqli_close($con);
                        ?>
                  </p>

Hvor mit problem så er at jeg skal have en zoomeffekt ind på mine billeder.
Mit problem er at mine billeder/vare er connectet til msql.
Jeg prøvede at lave en test som virker uden mine billeder er registreret i mysql http://inftek.dk/emma8011/pr.php
mit problem er derved at jeg ikke ved hvordan jeg skal koble denne kode <img class="pic" src="top1.JPG" alt="melon" >

<div class="zoomie">
  <img class="picbig" src="top1.JPG" alt="melon">
</div>
  <img class="pic" src="top2.JPG" alt="strawberry">

<div class="zoomie">
  <img class="picbig" src="top2.JPG" alt="strawberry">
</div>
  <img class="pic" src="top3.JPG" alt="oranges">   
<div class="zoomie">
  <img class="picbig" src="top3.JPG" alt="oranges">

til at kunne connecte online i stedet for.... Har udover det også en css der er koblet til


mange spørgsmål.. haha men tak på forhånd