jQuery实现左右切换焦点图

2020-05-16 18:44:21易采站长站整理

});

for (var heading in headings)
{
var $li = $('<li />');
var $a = $('<a />', {
"href": "#",
"onClick": '_gaq.push(['_trackEvent', 'SocialDirectory', 'Click', 'Head'+heading+'', 3]);',
"data-show": heading,
"text": heading
})

$li.append($a);
$headings.append($li);
}

$(this).before($headings);
});

$(document).delegate('a[data-show]', 'click', function(event)
{
// stop the default click action
event.preventDefault();

// set active
$(this).parent().siblings().find('.active').removeClass('active');
$(this).addClass('active');

// find the appropriate elements
$('.adjoin-options *[data-heading]').hide();
$('.adjoin-options *[data-heading="'+$(this).attr('data-show')+'"].').fadeIn();
});

$('.adjoin-header').find('a[data-show]').eq(0).trigger('click');
}

$(document).ready(function ()
{
var $filter = $('#filter-drop');
var $filterSpacer = $('<div />', {
"class": "filter-drop-spacer",
"height": $filter.outerHeight()
});
var $homeShield = $('.home .primary');
var $totalHeight = $('.carousel').outerHeight() + $('.header').outerHeight()

if ($filter.size())
{
$(window).scroll(function ()
{
if($(window).scrollTop() > $totalHeight ) {

$homeShield.addClass("shieldfix");
}
else if ($homeShield.hasClass('shieldfix') && $(window).scrollTop() < $totalHeight)
{
$homeShield.removeClass("shieldfix");
}

if (!$filter.hasClass('fix') && $(window).scrollTop() > $filter.offset().top)
{
$filter.css('width', $filter.width());
$filter.before($filterSpacer);
$filter.addClass("fix");
}
else if ($filter.hasClass('fix') && $(window).scrollTop() < $filterSpacer.offset().top)
{
$filter.removeClass("fix");
$filterSpacer.remove();
}
});
}

});

function get_more_home_items() {

if ( views_left>0 ) {
jQuery("#home_items_loading").show();

jQuery.ajax({
type: 'POST',
url: 'ajax/home_items',
data: 'timestamp='+curr_timestamp+'&index='+views_left,
dataType: 'json',
success: function(data) {
jQuery("#home_items_loading").hide();
jQuery("#home_content").append(data.html);
curr_timestamp=data.timestamp;
}
});

views_left--;
}

var click_index = 2-views_left;

_gaq.push(['_trackEvent', 'ViewMoreChannels', 'Click', 'ViewMore_'+click_index.toString(), 3]);

if ( views_left<=0 ) {
jQuery("#view_more").hide();
}
}

/*-------------------------------------------