0

各リスト項目のリンクの値を取得して、.skater_large イメージ src に循環させようとしています。

HTMLは次のとおりです。

<html>
<body>
  <div>
    <ul id="skater_multiview">
      <li><a href="skater1_big.jpg"><img src="skater1-thumb.jpg" /></a></li>
      <li><a href="skater2_big.jpg"><img src="skater2-thumb.jpg" /></a></li>
      <li><a href="skater3_big.jpg"><img src="skater3-thumb.jpg" /></a></li>
    </ul>
  </div>
  <div>
    <img class="skater_large" src="empty.jpg" />
  </div>
  </body>
  </html>

そしてjs：

        $('#skater_multiview li a').each(function(click) {

        var cardboard = new Array();
        for(i=0; i<$('#skater_multiview li a').length; i++) {

            // gathering all skater carousel list link values
            var pro_link = $('#skater_multiview li a').eq(i).attr('href');

            // adding hrefs to array
            cardboard.push(pro_link);
            // pushing cardboard array values into img src
            $('.skater_large').attr('src',cardboard[i]);
            };
        });
4

1 に答える 1

0

src..を置き換えるクリックイベントだけを探していると思います

var cardboard = [];
 $('#skater_multiview li a').each(function (index) {
     // gathering all skater carousel list link values
     var pro_link = $(this).attr('href');
     // adding hrefs to array
     cardboard.push(pro_link);
     // pushing cardboard array values into img src
     $('.skater_large').attr('src', cardboard[i]);
 });

// Attach a click event for slater when clicked
// gets the next image
var curr;
$('.skater_large').click(function () {
     // Get the href attribute
    var index;
    if(curr)
        index = curr >= cardboard.length ? 0 ? curr;
     else
         curr = 0;
     $('.skater_large').attr('src', cardboard[curr]);
        curr++;
 });
于 2013-08-01T23:13:59.783 に答える