<style type="text/css">
.css_test {
border : 5px solid gray;
border-radius : 5px;
padding : 5px;
}
</style>
얼굴을 눌러보세요.<br><br>
<div class="css_test">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
</div>
<script type="text/javascript">
$( '.css_test img' ).bind('click', function(){ j_test(this) }).css( 'cursor', 'pointer' );
function j_test(o){
$(o)
.nextAll()
.add( $(o).prevAll() )
.attr( 'src', '//superkts.com/img/huk2.gif' );
setTimeout(function(){
$( '.css_test img' ).attr( 'src', '//superkts.com/img/huk1.gif' );
}, 500);
}
</script>