0
<a href="#" id=BigSwatch><img src="addtocart.png" onclick="SwapLink('ekhle.html');"
 onClick=display('pleasewait.png') /></a>

このコーディングでは、画像を変更し、href も変更します。ここで、ユーザーがaddtocart.png画像をクリックすると、画像をpleasewait.pngに変更し、ユーザーがpleasewait.png画像をクリックすると、 hrefを「 url2.html 」のように変更したいのですが、コーディング画像を適用すると変更されましたが、url2.htmlページも直接リダイレクトします。

4

6 に答える 6

0

このコードを試してください。

<!DOCTYPE html>
<html>
<head>
<script>
function switchHref(){
info=document.getElementById("hr");
info1=document.getElementById("link");
if(info.src.match("pleasewait.png")){
    window.location="irl.html";
}
else{
    info.src="pleasewait.png";
}
}
</script>
</head>

<body>
<img src="addtocart.png" id="hr" onclick="switchHref()"        
width="100" height="100"/>
</body>
</html>
于 2013-10-29T08:32:32.650 に答える
0
<!DOCTYPE html>
<html>
<head>
<script>
function switchHref(){
info=document.getElementById("hr");
info1=document.getElementById("link");
doc=document.getElementById("rad");
if(doc.checked==true){
    info.src="pleasewait.png";
}
if(info.src.match("pleasewait.png")){
    window.location="url.html";
}
}
</script>
</head>

<body>
<img src="addtocart.png" id="hr" width="100"   
height="100"/>
<input type="radio" id="rad"  
onChange="switchHref()" />Click
</body>
</html>
于 2013-10-29T15:23:23.603 に答える
0
<a href="#" id=BigSwatch><img id="test" src="addtocart.png" onclick="SwapLink('ekhle.html');"
 onClick=display('pleasewait.png') /></a>

脚本

$('#BigSwatch').on({
    'click': function(){
        $('#test').attr('src','pleasewait.png');
        $('#BigSwatch').attr('href','url2.html');
    }
});
于 2013-10-29T05:18:03.843 に答える
0

HTML

<a href="#" id=BigSwatch><img src="addtocart.png" /></a>

JSで

 $("#BigSwatch").on("click","img",function(){
    $(this).attr("src","pleasewait.png");// here your image path will set
    $(this).closest("#BigSwatch").attr("href","ekhle.html");


    });
于 2013-10-29T05:18:41.043 に答える
0

より良い方法は、背景画像付きのアンカーを配置できることです。簡単なプロセスに従うことができます -

  1. 背景画像「addToCart.png」とクラス「addToCart」でアンカーを保持します
  2. クリックすると、クラスが「pleasewait」に変更され、背景画像が「pleasewait.png」に変更されます
  3. クリックすると、チェックする関数を記述します。クラス「addToCart」がある場合は、デフォルトのリダイレクトを防止します。それ以外の場合は「url2.html」に移動します。

HTML:

<a href="url2.html" id="BigSwatch" class="addToCart"></a>

CSS:

.addToCart {
    background-image:url('images/addToCart.png');
    display:block;
    /* Define width and height */
}
.pleaseWait {
    background-image:url('images/pleaseWait.png');
}

Javascript:

$('#BigSwatch').click(function(e){
   if($(this).hasClass('addToCart')) {
      $(this).removeClass('addToCart').addClass('pleaseWait');
      e.preventDefault();
   }
});

これがうまくいくことを願っています。

于 2013-10-29T05:47:34.027 に答える