1

私は現在のコードを持っています:

<script type="text/javascript">

$(document).ready(function()
{

$('.showcase-content .description').jScrollPane();

$(".beericon").click(function() {
        var imgnumber = parseInt($(this).attr('id').replace("imglink", ""));
        var move = -($("#img"+imgnumber).width() * (imgnumber - 1));

        $("#img_box").animate({
            left: move
        }, 500);

        $("#beerview_icons").find("div").removeAttr("style");
        $("#imglink"+imgnumber).css("background-position", "0px -74px");

        return false;
    });
});
</script>

そしてそれは以下に適用されます：

<div id="img_container">
      <div id="img_box"> <img id="img1" src="../images/lightbox_brew_photos/cutthroat.png"/> <img id="img2" src="../images/beer_in_glasses/Cutthroat.png"/> 
<img id="img3" src="../images/lightbox_brew_photos/Cutthroat-6-Pack.png" style="margin-top:290px;"/> 
<img id="img4" src="../images/lightbox_brew_photos/Cutthroat-12-Pack.png" style="margin-top:335px;"/>
        <div style="clear:both;"></div>
      </div>
    </div>
    <div id="beerview_icons">
      <div class="beericon" id="imglink1" style="background-position:0px -74px;"></div>
      <div class="beericon" id="imglink2"></div>
      <div class="beericon" id="imglink3"></div>
      <div class="beericon" id="imglink4"></div>
      <br class="clearfloat" />
    </div>

基本的な前の次のナビゲーションになるようにjsを修正する方法はありますか? さらに画像を追加する必要があり、親指のスペースが狭くなっています。別のスライド ショーでやり直すよりも、何かを書いてみた方が簡単だと考えました。

4

0 に答える 0