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调用函数wihic shoud打开详细信息。此信息如下所示：

<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。我现在要去睡觉了，但是如果你明天没有完成它，我会帮助你！希望jquery链接可以帮助你！

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

1 个答案: