1

これが 100 万回投稿されている場合は申し訳ありませんが、私の検索スキルが失敗している可能性があります。おそらく明白で簡単な質問があります。

私のウェブサイトにはスライド機能があります。これはhttp://jasenpeterson.com/12-Years/v4/にあります。

スライド機能はうまく機能しますが、div が 0% から 100% の高さと幅から「成長」する必要がないようにする方法はありますか?

私はおそらく私の問題をうまく説明できていませんが、ウェブサイトを見て「概要」を選択すれば、私が話していることを理解できるはずです。

前もって感謝します。

引き続き解決策を探しますが、見つかった場合は返信します。再度、感謝します！

それが役立つ場合、これが私のコードです：

var $btns = $('.nav a'), $slides = $('.slides > .content');

$btns.click(function(){
  $(this).addClass('active');
  $(this).parent().siblings().find('a').removeClass('active');
  $slides.eq($btns.index(this)).show('slow').siblings().hide('slow');
  return false;
});

$btns.first().click();

- - - - - - - -アップデート

トピックを更新することでルールに違反していないことを願っています。少し調べたところ、アニメーション機能を使用する必要があるようです。

不透明度のアニメーション化をいじくり回してきましたが、最初のページ（フェードインとフェードアウト）では機能しますが、他のページでは機能しません。コンソールで不透明度が 100 に設定されているのがわかりますが、表示されていません。何か案は？

http://jasenpeterson.com/12-Years/v4/

var $btns = $('.nav a'), $slides = $('.slides > .content');

$btns.click(function(){
  //add 'active' class to active link
  $(this).addClass('active');
  //remove 'active' class from previous link
  $(this).parent().siblings().find('a').removeClass('active');
  $slides.eq($btns.index(this)).animate( {"opacity": "1"}, "slow").siblings().animate( {"opacity": "0"}, "slow");
  return false;
});

//First link clicked on page load
$btns.first().click();

4

1 に答える 1

0

気にしないで、私はそれを手に入れました。

var $btns = $('.nav a'), $slides = $('.slides > .content');

$btns.click(function(){
  //add 'active' class to active link
  $(this).addClass('active');
  //remove 'active' class from previous link
  $(this).parent().siblings().find('a').removeClass('active');
  $slides.eq($btns.index(this)).animate( {"opacity": "1"}, "slow").siblings().animate( {"opacity": "0"}, "slow");
  siblings().hide('fast');
  return false;
});

//First link clicked on page load
$btns.first().click();
于 2013-02-06T02:30:38.247 に答える