php - 使用 php 单击图像时显示详细信息

Question

我正在做一个网站，我想在其中显示数据库中的产品，当单击产品时，它会打开一个包含更多详细信息的 div(无需刷新页面或转到另一个页面)。

产品库如下所示:

<div class="item_galery">
<?php

    $i=0;
    while($info = mysql_fetch_array( $data )){
        $titulo = $info['titulo'];
        $descr_corta = $info['descr_corta'];
        $img_galeria = $info['img_galeria'];
        $img_detalle = $info['img_detalle'];
        $sub_img1 = $info['sub_img1'];
        $sub_img2 = $info['sub_img2'];
        $sub_img3 = $info['sub_img3'];
        $acabado = $info['acabado'];
        $aux_tamaños = $info['medidas'];
        $tamaños = explode(" ", $aux_tamaños);
        //echo $aux_tamaños.' '.sizeof($tamaños);
        $patron_tornillos = $info['patron_tornillos'];
        $coleccion = $info['coleccion'];

?>          
        <div class="item">      
            <ul><li onclick="mostra_detall(<?php echo $i;?>);"><img alt="" src="<?php echo 'images/llantas/'.$img_galeria; ?>"/></li></ul>
            <ul><li class="descr"><span><?php echo $titulo; ?></span></br><?php echo $acabado; ?></li></ul>
        </div>          

<?php   
        $i++;
    }
?>   

在类项中，第一个li有一个js调用函数，应该打开详细信息。此信息如下所示:

<div id="detalle" class="llanta_detalle">
            <img class="foto_gran" src="<?php echo 'images/llantas/'.$img_detalle; ?>">
            <div class="info">
                <div class="cerrar"><ul onclick="tanca_detall(<?php echo $i;?>);"><li><img src="images/llantas/icono_cerrar.jpg"></li><li>CERRAR</li></ul><div class="clear"></div></div>
                <div class="detalle_titol">
                    <ul><li id="titol_llanta" class="titol"><?php echo $titulo; ?></li></ul>
                    <ul><li id="coleccion_llanta" class="coleccion"><?php echo $coleccion; ?></li></ul>
                </div>
                <div class="clear"></div>
                <div class="detalle">       
                    <ul><li class="requadre">ACABADO</li></ul>
                    <ul><li id="acabado_llanta" class="acabado"><?php echo $acabado; ?></li></ul>

                    <ul><li class="requadre">PATRON DE TORNILLOS</li></ul>
                    <ul><li id="tornillos_llanta" class="tornillos"><?php echo $patron_tornillos; ?></li></ul>
                </div>
                <div class="clear"></div>
                <div class="subimagenes"><ul>
                    <li><a id="fancyBox" href="<?php echo 'images/llantas/'.$sub_img1; ?>"><img src="<?php echo 'images/llantas/'.$sub_img1; ?>"></a></li>
                    <li><a id="fancyBox" href="<?php echo 'images/llantas/'.$sub_img2; ?>"><img src="<?php echo 'images/llantas/'.$sub_img2; ?>"></a></li>
                    <li><a id="fancyBox" href="<?php echo 'images/llantas/'.$sub_img3; ?>"><img src="<?php echo 'images/llantas/'.$sub_img3; ?>"></a></li>
                </ul></div>
            </div>
            <div class="clear"></div>
        </div>

我的问题是，当带有详细信息的 div 打开时，我需要查询该信息的特定信息，因此我需要再次执行查询或其他操作，并且在不刷新页面的情况下执行。我怎么能这样做？

谢谢，对不起我的英语

Answer 1

我认为您应该为此使用 Jquery。这是一个 link .我现在得去 sleep 了，但如果你明天还没有完成，我会帮你的!希望 jquery 链接对您有所帮助!