作成しようとしている単純な jquery ギャラリーがあります。
親指をクリックしたときを除いて、私はそれを機能させています-それはこれを行います:
- 既存のつまみのスペースを最初の画像に置き換えます
- 親指をメイン画像の上に置いてフロートを放り投げる
- 最後の親指をクリックして、私の意味を確認してください
CSSまたはJqueryでこれを修正する方法を知っている人はいますか?
私はこれを超シンプルにしようとしています。
ありがとう
ここにjsfiddleがあります:http://jsfiddle.net/webdott/zZNBQ/1/
<div>
<img src="image1.jpg" class="first"/>
<img src="image2.jpg" />
</div>
<style>
img {float:right;width:10%;margin:1%;}
.fullview{width:60%;margin:0 4% 0 0;float:left;}
.first{width:60%;margin:0 4% 0 0;float:left}
</style>
<script>
$('img').click(function() {
$(this).addClass('fullview').siblings().removeClass('fullview first');
});
</script>