日期:2014-05-16  浏览次数:20730 次

级联获取数据库中图片地址并显示
目前有一个级联的分类,我想实现在选择分类的类型后,可以显示出对应的图片。
图片地址已经在数据库中建立了,但是问题是如何控制这个图片显示的问题。求大神指点。

------解决方案--------------------
那你可以用个div层来显示图片,图片数量如果不确定的话可以使用jquery的滚动图片插件,当选择某个分类后就显示这一分类下的所有图片。这没什么难啊
------解决方案--------------------
都用select就行了。动态的获取分类信息到select中就可以了。接下就是select的onchange事件,变换option跟着变换图片就可以了
------解决方案--------------------
如果只是涉及到这个页面的改动可以改掉别人写的,如果还牵涉到其它页面的话,那就在别人的基础上改。
控制id是指生成的ID吗,那你可以在生成的时候加个统一的前缀后面跟上迭代的index
------解决方案--------------------
引用:
目前有一个级联的分类,我想实现在选择分类的类型后,可以显示出对应的图片。
图片地址已经在数据库中建立了,但是问题是如何控制这个图片显示的问题。求大神指点。


那不简单,ajax发送分类id到动态页,动态页获取id读取对应的分类图片地址返回就行了

<script src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
    function loadImg(id) {
        if (bid != '') {
            $('#dvImg').html('正在加载图片信息...');
            $.ajax({ url: 'xxxxx.jsp', //动态页地址,负责获取id然后读取数据返回“<img src="图片路径"/><img src="图片路径"/><img src="图片路径"/>”这种html代码
                data: 'id=' + id,
                type: 'POST',
                dataType: 'html',
                success: function (html) { $('#dvImg').html(html); },
                error: function (xhr) { alert('动态页有问题!\n'+xhr.responseText); }
            });
        }
    }
</script>
<select onchange="loadImg(this.value)">
<option value="..">请选择..</option>
<option value="1">分类1</option>
<option value="2">分类2</option>
<option value="3">分类2</option>
</select>
<div id="dvImg"></div>


xxxxx.jsp负责获取id然后读取数据返回“<img src="图片路径"/><img src="图片路径"/><img src="图片路径"/>”这种html代码,不要返回其他的东东,要不会一起输出