0
ここで私が見つけたスクリプトのアイデアをいくつか修正して、テキストのいくつかのブロックを回転または反転して（訪問者はスクロールする必要がない）、ユーザーが移動するときに一時停止するようにしました。しかし、私はそれを設定しようとしているので、3つの異なるグループ（ブロックまたはdiv）の回転するテキストが同じビューに表示されます。私は各グループに異なるIDを与えましたが、スクリプトにそのレベルの振る舞いをどのように追加して、すべてが同時に動くかについてはあまりよく分かりません。私はコードの基本を示すためにjsfiddleを作成しました。最初のセット（Joan）だけが実際にテキストが反転して表示され、残りの2つ（Shelly、Valerie）は空白になっています。 3つすべてを同時に動作させる簡単な修正がjavascriptにはありますか？これが機能する multi-group text rotation jsfiddle 複数グループのjQueryテキストローテータはあまり動作しません。
function slideSwitch() {
var $active = $('.fadein quote.active');
if ($active.length == 0) $active = $('.fadein quote:last');
var $next = $active.next().length ? $active.next() : $('.fadein quote:first');
$active.addClass('last-active');
$next.css({
opacity: 0.0
})
.addClass('active')
.animate({
opacity: 1.0
}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
var interval = setInterval(slideSwitch, 4000);
$('.fadein').hover(function() {
clearInterval(interval);
}, function() {
interval = setInterval(slideSwitch, 4000);
});
});
うわー！どうもありがとうございました！私はOOPについて聞いたことがありますが、まだjavascriptやjqueryについてはほとんど理解していません。私はここにいる人の多くが、私をノブと見なすだろうと思うが、やるべきことがたくさんあるし、自分自身のような人が時間をかけて知識を分かち合い、正しい方向に向けることができたら、本当に感謝している。 –
このプロジェクトの次のタスクは、これをios（ホバービットは明らかに問題です）上で動作させ、新しいスタッフをデータベースに追加するときにjavascriptで新しいIDを自動生成する方法を理解することです（テキストブロックは、顧客が残したフィードバックコメントから来る） –
@phc_joe私は助けてうれしい。 javascriptで学ぶほどのことがあります。まだ勉強してる！ jQueryを使用してDOMを動的に構築する場合は、配列の要素（またはJSONオブジェクト）に 'new Person'を保存することで、任意の数のスタッフとコメントで作業する方が簡単です。 – wlh