私はjqueryの画像回転スクリプトを発見し、画像にハイパーリンクを追加するとアニメーションを破ります
質問
画像スワッピングのためのjQueryを使用してのこの偉大な記事を見つけました
ます。http:// jqueryの-HOWTO .blogspot.com / 2009/05 /交換、イメージ・アット・タイムintervals.html の
どのように私は画像をハイパーリンクをお勧めしますか?
解決 3
それを解決します:
function swapImages() {
var $active = $('#myGallery a:has(img) > img.active');
var $next = ($('#myGallery a:has(img.active)').next().find('img').length > 0) ? $('#myGallery a:has(img.active)').next().find('img') : $('#myGallery a:has(img):first > img');
$active.fadeOut(function() {
$active.removeClass('active');
$next.fadeIn().addClass('active');
});
}
他のヒント
どのようにjqueryの作品を学び、それを修正!あるいは、このようなサイクルのプラグインとしてプラグインを使用する - これはまだjqueryのいくつかの知識が必要です。
。テストされていないが、それは動作するはずです...
function swapImages(tag){
var element = tag||'img';
var $active = $('#myGallery '+tag+'.active');
var $next = ($('#myGallery '+tag+'.active').next().length > 0) ? $('#myGallery '+tag+'.active').next() : $('#myGallery '+tag+':first');
$active.fadeOut(function(){
$active.removeClass('active');
$next.fadeIn().addClass('active');
});
}
setInterval(function(){swapImages('a');}, 5000);
// or the original usage with no links on the images
setInterval(swapImages, 5000);
ちょうどあなたがクラスtag
はそうnessecaryとしてのCSSのadjsut取得しますactive
として提供何でも覚えておいてください。
とにかく、これは本当に簡単です - 私はまた、いくつかのチュートリアルをやったりjQueryのためのドキュメントを読んお勧めします。あなたはそれを読むと、このスクリプトを解析することができるはず - その非常に簡単に:-)
所属していません StackOverflow