mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-22 05:15:29 +09:00
#1354 로고 및 서브 헤더 배경이미지 설정 개선
This commit is contained in:
parent
54a8d259c6
commit
b05074a83d
9 changed files with 68 additions and 120 deletions
|
|
@ -1,80 +0,0 @@
|
|||
(function ($) {
|
||||
$.fn.countTo = function (options) {
|
||||
options = options || {};
|
||||
|
||||
return $(this).each(function () {
|
||||
// set options for current element
|
||||
var settings = $.extend({}, $.fn.countTo.defaults, {
|
||||
from: $(this).data('from'),
|
||||
to: $(this).data('to'),
|
||||
speed: $(this).data('speed'),
|
||||
refreshInterval: $(this).data('refresh-interval'),
|
||||
decimals: $(this).data('decimals')
|
||||
}, options);
|
||||
|
||||
// how many times to update the value, and how much to increment the value on each update
|
||||
var loops = Math.ceil(settings.speed / settings.refreshInterval),
|
||||
increment = (settings.to - settings.from) / loops;
|
||||
|
||||
// references & variables that will change with each update
|
||||
var self = this,
|
||||
$self = $(this),
|
||||
loopCount = 0,
|
||||
value = settings.from,
|
||||
data = $self.data('countTo') || {};
|
||||
|
||||
$self.data('countTo', data);
|
||||
|
||||
// if an existing interval can be found, clear it first
|
||||
if (data.interval) {
|
||||
clearInterval(data.interval);
|
||||
}
|
||||
data.interval = setInterval(updateTimer, settings.refreshInterval);
|
||||
|
||||
// initialize the element with the starting value
|
||||
render(value);
|
||||
|
||||
function updateTimer() {
|
||||
value += increment;
|
||||
loopCount++;
|
||||
|
||||
render(value);
|
||||
|
||||
if (typeof(settings.onUpdate) == 'function') {
|
||||
settings.onUpdate.call(self, value);
|
||||
}
|
||||
|
||||
if (loopCount >= loops) {
|
||||
// remove the interval
|
||||
$self.removeData('countTo');
|
||||
clearInterval(data.interval);
|
||||
value = settings.to;
|
||||
|
||||
if (typeof(settings.onComplete) == 'function') {
|
||||
settings.onComplete.call(self, value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function render(value) {
|
||||
var formattedValue = settings.formatter.call(self, value, settings);
|
||||
$self.text(formattedValue);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.countTo.defaults = {
|
||||
from: 0, // the number the element should start at
|
||||
to: 0, // the number the element should end at
|
||||
speed: 1000, // how long it should take to count between the target numbers
|
||||
refreshInterval: 100, // how often the element should be updated
|
||||
decimals: 0, // the number of decimal places to show
|
||||
formatter: formatter, // handler for formatting the value before rendering
|
||||
onUpdate: null, // callback method for every time the element is updated
|
||||
onComplete: null // callback method for when the element finishes updating
|
||||
};
|
||||
|
||||
function formatter(value, settings) {
|
||||
return value.toFixed(settings.decimals);
|
||||
}
|
||||
}(jQuery));
|
||||
|
|
@ -13,19 +13,27 @@
|
|||
{
|
||||
var fixedHeaderHeight = $fixedHeader.height();
|
||||
var hasClass = false;
|
||||
var $logoImg = $fixedHeader.find('.header h1 img');
|
||||
var logoDataSrc = $logoImg.data('logo');
|
||||
var logo = $logoImg.attr('src');
|
||||
|
||||
$(window).scroll(function() {
|
||||
var scroll = $(this).scrollTop();
|
||||
|
||||
if(scroll >= $shrinkHeaderHeight ) {
|
||||
if(!hasClass)
|
||||
{
|
||||
$('body').css('padding-top', fixedHeaderHeight);
|
||||
$fixedHeader.addClass('shrink');
|
||||
if(logoDataSrc) $logoImg.attr('src', logoDataSrc);
|
||||
hasClass = true;
|
||||
}
|
||||
} else {
|
||||
if(hasClass)
|
||||
{
|
||||
$('body').css('padding-top', 0);
|
||||
$fixedHeader.removeClass('shrink');
|
||||
if(logoDataSrc) $logoImg.attr('src', logo);
|
||||
hasClass = false;
|
||||
}
|
||||
}
|
||||
|
|
@ -84,7 +92,7 @@
|
|||
return false;
|
||||
});
|
||||
$('.btn_close').click(function(){
|
||||
$this = $(this);
|
||||
var $this = $(this);
|
||||
$this.parent().fadeOut().find('input').val('');
|
||||
if($('.magazine').length > 0){
|
||||
$('.custom_area').css('opacity',1);
|
||||
|
|
@ -96,6 +104,19 @@
|
|||
return false;
|
||||
});
|
||||
|
||||
// slide
|
||||
if($.isFunction($.fn.camera) && $(".camera_wrap").length) {
|
||||
$(".camera_wrap").camera({
|
||||
height: "600px",
|
||||
pagination: true,
|
||||
thumbnails: false,
|
||||
playPause: false,
|
||||
loader: "none",
|
||||
fx: "simpleFade",
|
||||
time: 3000
|
||||
});
|
||||
}
|
||||
|
||||
// Scroll to top
|
||||
var scrollToTop = function() {
|
||||
var link = $('.btn_top');
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue