php - mysql 数据库 PHP 表

Question

我目前在 mysql 上有一个包含一些产品的数据库，我将它们打印在表格中，正如您在此处看到的:

好吧，现在还好，但是...我想将某些图像设置为产品名称。 例如，我会在名称“Jeans Fit”(将鼠标悬停在 CSS 中)之上，它会出现产品图像。如何将某些图像设置为产品名称？不是随机的，我想选择每一个，如果你能指导我这个...

这是我打印表格的代码:

<?php

// to prevent undefined index notice
$action = isset($_GET['action']) ? $_GET['action'] : "";
$name = isset($_GET['name']) ? $_GET['name'] : "";

if($action=='add'){
    echo "<div>" . $name . " foi adicionado ao carrinho</div>";
}

if($action=='exists'){
    echo "<div>" . $name . " já existe no carrinho</div>";
}

require "libs/DbConnect.php";


// page is the current page, if there's nothing set, default is page 1
$page = isset($_GET['page']) ? $_GET['page'] : 1;

// set records or rows of data per page
$recordsPerPage = 6;

// calculate for the query LIMIT clause
$fromRecordNum = ($recordsPerPage * $page) - $recordsPerPage;
// select all data
$query = "SELECT 
            id, name,price 
        FROM 
            products
        ORDER BY 
            id 
        LIMIT 
            {$fromRecordNum}, {$recordsPerPage}";

            /*
            page and its LIMIT clause looks like:
            1 = 0, 5
            2 = 5,10
            3 = 10,15
            4 = 15, 20
            5 = 20, 25
            */

$stmt = $con->prepare( $query );
$stmt->execute();

//this is how to get number of rows returned
$num = $stmt->rowCount();


if($num>0){
    echo "<table border='0'>";//start table

        // our table heading
        echo "<tr>";
            echo "<th class='textAligncenter'>Nome Produto</th>";
            echo "<th>Preço (EUR)</th>";
            echo "<th>Acção</th>";
        echo "</tr>";

        while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){
            extract($row);

            //creating new table row per record
            echo "<tr>";
                echo "<td>{$name}</td>";
                echo "<td class='textAlignRight'>{$price}</td>";
                echo "<td class='textAlignCenter'>";
                    echo "<a href='addToCart.php?id={$id}&name={$name}' class='customButton'>";
                        echo "<img src='images/add-to-cart.png'  class='imagem2'title='Adicionar ao carrinho' />";
                    echo "</a>";
                echo "</td>";
            echo "</tr>";
        }

    echo "</table>";
}

// no products in the database
else{
    echo "No products found.";
}

Answer 1

您可以尝试更改:

来自:

<a href='addToCart.php?id={$id}&name={$name}' class='customButton'>

至:

<a href='addToCart.php?id={$id}&name={$name}' onmouseover="document.images['image'].src='images/your_image.jpg' class='customButton'>