发一个后台商品列表显缩略图方法(原创的,跟以前的不同,支持鼠标感应缩放)

2016-07-07 15:00 来源:www.chinab4c.com 作者:ecshop专家



修改一:admin\includes\lib_goods.php (可能是781行)
$sql = "SELECT goods_id, goods_name, goods_sn, shop_price, goods_thumb, is_on_sale, is_best, is_new, is_hot, goods_number, integral, " .
加多红色部分
修改二:admin\templates\goods_list.htm
顶端加以下样式:
<style type="text/css">
#zoomimg
{position:relative;display:block; float:left; margin-right:0px;width:18px; height:18px; border:1px solid #0000FF}

#zoomimg
a {position:relative; display:block; width:18px; height:18px; background:transparent;}

#zoomimg
a img {width:100%; height:100%; border:0;}

#zoomimg
a:hover {position:absolute; left:-83px; top:-83px; width:100px; height:100px; z-index:2;border:1px solid #0000FF;padding:1px;background:#f4f4f4;}

</style>

在以地方加多红色部分(可能是41行)
<td class="first-cell" style="{if $goods.is_promote}color:red;{/if}"><div id="zoomimg"><a href="#1"><img src="../{$goods.goods_thumb}"/></a></div><span>{$goods.goods_name|escape:html}</span></td>





回答:
支持楼主

不错的小功能 刚才没注意全部COPY <a href="#1"> 这里没改。



<a href="#1"> 这个的意思是点击图片不连到其他页面的意思。
我认为这样挺好的,也可设成连接预览<a href="#1">改成<a href="../goods.php?id={$goods.goods_id}" target="_blank">

楼主好厉害啊

谢谢!其实我自己不懂太多代码,都是在网上找到再拼在一起的!(呵呵,有点像玩拼图)

呵呵,很有用的东东哦,支持一下哦
谢谢

支持楼主,谢谢。

非常感谢....很实用方便的功能.已经用上!
网址:www.di5ji.com.cn

支持一下!

修改成功了,也在用呢,谢谢



谢谢,楼主,可以了!不过有点小问题,想请教你一下!

鼠标移上去后,图片放大,不会罩住下方的小图片,请问要修改那段代码???


一样的,楼主,我按你发的贴子改了,一个样没变化,我只要罩住其它的,就显示放大的那张图就行了,楼主明白我的意思????