我想根据示意小图得到图片的路径,当从数据库中取出示意小图就得到网页的地址,var imgs=new Array();
var url;
function open_win(event) 

var e=event||window.event;
if(e.srcElement.id=="img1"){
url="http://st.youa.xue163.com/resource/images/mall/logo.gif";
}else if(e.srcElement.id=="img2"){
url="http://co.youa.xue163.com/picture/r/mall/promo/0810/gethi/func_5.gif";
}else if(e.srcElement.id=="img3"){
url="http://img.baidu.com/img/iknow/logo-iknowxjd.gif";
}else if(e.srcElement.id=="img4"){
url="http://co.youa.xue163.com/picture/r/image/2008-11-21/b679d93436edf3e9b4f1f34794b8e3b5.jpg";
}
window.open(url); 
} function init() 

var img1=document.getElementById("img1") ;
img1.onclick=open_win; 
var img2=document.getElementById("img2") ;
img2.onclick=open_win; 
var img3=document.getElementById("img3") ;
img3.onclick=open_win; 
var img4=document.getElementById("img4") ;
img4.onclick=open_win; 
} window.onload=init; </script>
HTML:
<body>
原先是这段代码:
<img src="amerikanpuff.jpg" alt="amerikanelec" width="200" height="100" id="img1"><img src="vietnam.jpg" width="200" height="100" alt="vietnam" id="img2"><img src="thaipuff.jpg" alt="thaibomb" width="200" height="100" id="img3"><img src="obama.jpg" alt="election" width="250" height="150" id="img4">要修改成如下:<a href="在这里得到路径" class="thickbox" rel="group-pics"><img src="/asp/<% response.Write(""+rs("game")+"")%>">如何改上面的JAVASRIPT 和下面的HTML?</body>
</html>

解决方案 »

  1.   


    $(".thickbox").click(function(){
         var href = $(this).attr("href");//取到href值
     var img_src = $(this).children("img").attr("src");//取到图片的url
     alert("href==" + img_src)
     //window.location = href;
    });jquery的代码,和js一样的思想
      

  2.   

    href和src有多个值,把它们放在那里呢?楼上能不能讲详细点?
      

  3.   

    我的意思是:从哪里取到href值,又从哪里取到图片的url?
      

  4.   

    第一个:<a href="http://st.youa.xue163.com/resource/images/mall/logo.gif" class="thickbox" rel="group-pics"><img src="amerikanpuff.jpg"></a>
    其他类似
      

  5.   

    如果是打开新窗口
    a标签加一个target="_blank"
      

  6.   

    我只是想实现下面的效果,哪里有错呢?HTML 中url处该写啥代码?
    <script>
    var url
    var id
    function thickbox.focus()
    if(e.srcElement.id=="games/images/memorytest11.gif"){
    url="http://asp/games/78/TEST.HTM";
    }else if(e.srcElement.id=="games/images/shoting1.gif"){
    url="http://asp/games/82/BOWN.HTM";
    }else if(e.srcElement.id=="games/images/memorytest22.gif"){
    url="http://asp/games/79/MEMORY.HTM";
    }else if(e.srcElement.id=="img4"){
    url="http://asp/games/85/RACE.HTM";
    }
      
    </script>在HTML中得到路径:<a href="url" class="thickbox" rel="group-pics"><img src="/asp/<% response.Write(""+rs("game")+"")%>">
      

  7.   


    <script type=text/javascript>
    !+"\v" && (document.getElementsByClassName = function(cName){
             var arr = [],
                 reg = new RegExp("\\b"+cName+"\\b"),
                 ele = this.getElementsByTagName("*");
             for (var i in ele) {
                 reg.test(ele[i].className) && arr.push(ele[i]);
             }
             return arr
    });
    window.onload = function(){
        var obj = document.getElementsByClassName("thickbox");
        for (var i in obj) {
             obj[i].onclick = function(){
              //window.location = this.href;
                window.open(this.href);
                return false
             }
        }
    }
    </script><a href="http://st.youa.xue163.com/resource/images/mall/logo1.gif" class="thickbox" rel="group-pics"><img src="amerikanpuff1.jpg"></a>
    <a href="http://st.youa.xue163.com/resource/images/mall/logo2.gif" class="thickbox" rel="group-pics"><img src="amerikanpuff2.jpg"></a>
    <a href="http://st.youa.xue163.com/resource/images/mall/logo3.gif" class="thickbox" rel="group-pics"><img src="amerikanpuff3.jpg"></a>
    <a href="http://st.youa.xue163.com/resource/images/mall/logo4.gif" class="thickbox" rel="group-pics"><img src="amerikanpuff4.jpg" ></a>
      

  8.   

    我的意思楼上没理解到,上面的效果我有现成的代码。我又改了下,还是有问题?<script>
    function para.click() {
        var url;
        var para = document.srcElement.img.para;//当前焦点在A标签上,取它的子标签属性
        if(para=="games/images/memorytest11.gif"){
            url="http://asp/games/78/TEST.HTM";
        }else if(para=="games/images/shoting1.gif"){
            url="http://asp/games/82/BOWN.HTM";
        }else if(para=="games/images/shoting1.gif"){
            url="http://asp/games/79/MEMORY.HTM";
        }else if(para=="games/images/shoting1.gif"){
            url="http://asp/games/85/RACE.HTM";
        }
      submit(url);
      ////直接让页面跳转
    }
    </script>HTML CODE:<a href="javascript:window.location.href=url" class="thickbox" rel="group-pics" onclick="para.click()"><img src="/asp/<% response.Write(""+rs("game")+"")%>" para="<% response.Write(""+rs("game")+"")%>"></a>