更改图片点击

我有这样的代码与显示器尺寸更改图片点击

<ul class="nav nav-pills large"> 
<li><a href="#19" data-toggle="tab">19</a></li> 
<li><a href="#22" data-toggle="tab">22</a></li> 
<li class="measure"><h4>inch <br>monitor</h4></li> 
</ul>

现在我想，当一些大小画面更改用户点击...

<div class="col-md-5"> 
<img src="img/pic1" class="img-responsive" alt="netbox2">

那是我的图片的代码..

我试着用这个jQuery，但它不工作。

<script> 
$('classname').click(function() { 
    $('.filter').removeClass('classname'); 
    $(this).addClass('classname'); 
}); 
</script>

如何使用该数据到Google Analytics的属性？这里是FIDDLE

我想，当我在第一个单选按钮，单击只看到最前一页的图片，在第二其它图片...

来源

2014-01-29 Hero Stripe

我相信你正在尝试做的是toggleClass（“类名”）。

$("img").click(function() { 
    $(this).toggleClass('classname'); 
});

来源

2014-01-29 11:16:04 opalenzuela

要获得data-toggle属性的值只是做。。

$("#element").attr("data-toggle");

有了价值，你可以再做

$('classname').click(function() { 
    dataToggle = $("#element").attr("data-toggle"); 
    if(dataToggle == "foo"){ 
     //do this 
    } else { 
     //do this instead 
    } 
});

更多信息上.attr()

来源

2014-01-29 11:23:12

<style> 
.small { 
    width:50px; 
    height:50px; 
} 
.medium { 
    width:150px; 
    height:150px; 
} 
.large { 
    width:250px; 
    height:250px; 
} 
</style> 
<input type="radio" data-target="small" class="image-size" name="image"/> small <br/> 
<input type="radio" data-target="medium" class="image-size" name="image"/> medium <br/> 
<input type="radio" data-target="large" class="image-size" name="image"/> large <br/> 
<img src="http://png-2.findicons.com/files/icons/524/web_2/512/facebook.png" class="img-responsive"/> 
<script> 
    $(function(){ 
     $('.image-size').on('click',function(){ 
     $('.img-responsive').removeClass().addClass('img-responsive').addClass($(this).data('target')); 
     }); 

    }) 
</script>

这里是演示http://jsfiddle.net/mannejkumar/fbkvd/ 让我知道如果这不符合您的要求

来源

2014-01-29 12:23:47 Jagadeesh

更改图片点击

回答

相关问题