-4
$(document).ready(function() { var apiRevoSlider = $('.tp-banner').show().revolution( { dottedOverlay:"none", delay:9000, startwidth:1140, startheight:700, hideThumbs:200, thumbWidth:100, thumbHeight:50, thumbAmount:3, navigationType:"none", navigationArrows:"solo", navigationStyle:"preview1", touchenabled:"on", onHoverStop:"on", swipe_velocity: 0.7, swipe_min_touches: 1, swipe_max_touches: 1, drag_block_vertical: false, parallax:"mouse", parallaxBgFreeze:"on", parallaxLevels:[8,7,6,5,4,3,2,1], parallaxDisableOnMobile:"on", keyboardNavigation:"on", navigationHAlign:"center", navigationVAlign:"bottom", navigationHOffset:0, navigationVOffset:20, soloArrowLeftHalign:"left", soloArrowLeftValign:"center", soloArrowLeftHOffset:20, soloArrowLeftVOffset:0, soloArrowRightHalign:"right", soloArrowRightValign:"center", soloArrowRightHOffset:20, soloArrowRightVOffset:0, shadow:0, fullWidth:"off", fullScreen:"on", spinner:"spinner3", stopLoop:"off", stopAfterLoops:-1, stopAtSlide:-1, shuffle:"off", forceFullWidth:"off", fullScreenAlignForce:"off", minFullScreenHeight:"400", hideThumbsOnMobile:"off", hideNavDelayOnMobile:1500, hideBulletsOnMobile:"off", hideArrowsOnMobile:"off", hideThumbsUnderResolution:0, hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, startWithSlide:0, fullScreenOffsetContainer: ".header" }); apiRevoSlider.bind("revolution.slide.onchange",function (e,data) { if($(window).width() > 992) { if($('#slider ul > li').eq(data.slideIndex-1).hasClass('light')){ $('#header:not(.sticky-header)').addClass('light'); } else { $('#header:not(.sticky-header)').removeClass('light'); } MINOVATE.header.chooseLogo(); } }); }); //ready
発見したのでしょうか? – Maxwelll
jqueryをangularjsに変換するにはどうすればいいですか?anguarjsの画像スライダーをjavaScript ........のコードスライダーにしようとしています。 –
これはjQueryです。実際には、いくつかの基本的なAngularチュートリアルを練習し、学ぶ努力をする必要があります。あなたが立ち往生した場合は、コードの一部を投稿してください。人々が単にコードを書くことは期待できません。 – Stuart