这道题不知有没有人会做，+【问题】 ？

Question

我在一个  <img>控件 上 动态添加 了一个 $onclick 事件，    点击这个控件 换 '一张图片'   ，现在的问题是：   添加一个判断，  如果<img>控件'图片'改变了，  我在次点击一次的时候，   就让这个<img>控件的图片在  换另外一张， 要怎么做啊 。。？？？

Answer 1

 
<select onchange="document.images['imgShow'].src=options[selectedIndex].value" name="imgSelect">
      <option value="这里加入你的图片路径">显示的图片名称</option>    </select>
img标签动态显示:
      <img src="" id="imgShow" alt="" />    //可以初始src,为了美观    后台获取选择的图片路径：
       request.form["imgSelect"].ToString();

Answer 2

如果我想将改变后的图片路径保存到数据库呢 ,现在是一个 Ajax的异步交互  ？

Answer 3

这个简单啊  你先读取到 图片到一个数组里面去 
imgs 里面就是存放着图片的路径 或者是图片的名称 
你img标签下面  直接  一个js方法 就可以了
var imgindex=0;
changeimg(obj)
{
if(imgindex>=imgs.length)
{
imgindex=0;
}
obj.src=imgs[imgindex];//如果你数组里面存放的是图片的路径 那么直接赋值就可以了 如果是图片名 就要再加个路径就可以
imgindex++;
}那个 img标签下面调用下这方法 就可以了 
onclick="changeimg(this)";

Answer 4

<img id="picture" />
   <script type="text/javascript">
        var imgArr = new Array();
        imgArr.push("Images/灰太狼.jpg");
        imgArr.push("Images/喜洋洋.jpg");
 var index = 0;
        $(function() {
            $("#picture").attr("src", imgArr[index]);
            index++;
            $("#picture").click(function() {
                $("#picture").attr("src", imgArr[index]);
                index++;
                if (index == imgArr.length) {
                    index = index % imgArr.length;
                }
            });
        });
    </script>点击以后两个图片不停的切换，当点击最后一个的时候，就显示第一个图片，不知道是不是楼主想要的

Answer 5

yes,借用一下9楼的jq<script type="text/javascript">
        var imgArr = new Array();
        imgArr.push("Images/灰太狼.jpg");
        imgArr.push("Images/喜洋洋.jpg");
 var index = 0;
        $(function() {
            $("#picture").attr("src", imgArr[index]);
            index++;
            $("#picture").click(function() {
                $("#picture").attr("src", imgArr[index]);
                index++;
                if (index == imgArr.length) {
                    index = index % imgArr.length;
                }
                $.ajax({
                    url:"image.ashx",
                    type:"get",
                    data:"Path="+imgArr[index]+"",
                    success:function(result){
                       //....
                    }
                })
            }); 
        });
    </script>
image.ashx
string path = Request.QueryString["path"];
//...之后插入到数据库！

Answer 6

<img changetimes="1" ..... />
加一个changetimes属性.
每次点击查看changetimes的值. 变化完了后changetimes++;