File: /var/www/html/assets/js/common.js
jQuery('a[href^="#"]').click(function(){
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top - 56;
jQuery("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
jQuery(window).load(function() {
if(jQuery('body').attr('id') == 'index') {
//sakura
var bgh1 = 0;
var bgh2 = 0;
var bgv1 = 0;
var bgv2 = 0;
if(jQuery('#index .scrol-box')[0]) {
jQuery('#index .scrol-box').on('scroll', function() {
bgh1+= 0.4;//マイナスは左に、プラスは右に移動します。
bgv1+= 2;//マイナスは上に、プラスは下に移動。
bgh2+= -1;
bgv2+= 4;
jQuery("#flakes1").css("background-position", bgh1 + "px " + bgv1 + "px");
jQuery("#flakes2").css("background-position", bgh2 + "px " + bgv2 + "px");
});
} else {
jQuery(window).scroll(function() {
bgh1+= 0.4;//マイナスは左に、プラスは右に移動します。
bgv1+= 2;//マイナスは上に、プラスは下に移動。
bgh2+= -1;
bgv2+= 4;
jQuery("#flakes1").css("background-position", bgh1 + "px " + bgv1 + "px");
jQuery("#flakes2").css("background-position", bgh2 + "px " + bgv2 + "px");
});
}
//colorbox
jQuery('.mov').colorbox({
iframe: true,
width: '60%',
height: '80%'
});
//slick
var slick_slider = function($) {
jQuery('#slider').slick({
dots: true,
infinite: true,
autoplay: false,
autoplaySpeed: 5000,
speed: 1000,
pauseOnHover: true,
variableWidth: true,
slidesToScroll: 1,
centerMode: true,
slide: 'article',
prevArrow: '<i class="fa fa-angle-left prev"></i>',
nextArrow: '<i class="fa fa-angle-right next"></i>',
});
};
jQuery('#slider').on('init', function(){
jQuery('#slider').removeClass('loading');
});
var timer_slick_slider = function() {
var slider = !window.jQuery ? window.setTimeout(timer_slick_slider, 100) : !jQuery.isReady ? window.setTimeout(timer_slick_slider, 1) : slick_slider(window.jquery);
};
timer_slick_slider();
}
if(jQuery('body').attr('id') == 'shopping') {
//slick
var slick_slider = function($) {
jQuery('#slider').slick({
dots: true,
infinite: true,
speed: 1000,
variableWidth: true,
slidesToScroll: 1,
centerMode: true,
slide: 'article',
prevArrow: '<i class="fa fa-angle-left prev"></i>',
nextArrow: '<i class="fa fa-angle-right next"></i>',
});
};
jQuery('#slider').on('init', function(){
jQuery('#slider').removeClass('loading');
});
var timer_slick_slider = function() {
var slider = !window.jQuery ? window.setTimeout(timer_slick_slider, 100) : !jQuery.isReady ? window.setTimeout(timer_slick_slider, 1) : slick_slider(window.jquery);
};
timer_slick_slider();
}
});