Skip to content

Instantly share code, notes, and snippets.

@kerstvo
Created July 16, 2015 19:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kerstvo/6dfcc6f870661ea37d49 to your computer and use it in GitHub Desktop.
Save kerstvo/6dfcc6f870661ea37d49 to your computer and use it in GitHub Desktop.
Add new reviews slider (html wrapper + buttons, right/left button click handler, recalculate buttons position after each slide); remove chat window, when it appears
// Add new reviews slider:
// html wrapper + buttons,
// right/left button click handler,
// recalculate banner`s buttons position after each slide
$('<div class="reviews-title">').css({
'padding': '0 25px 10px'
}).append($happy_clients.icon, $happy_clients.text).insertBefore($new_reviews_wrapper);
$new_reviews_wrapper.find('div.all_reviews').css({
'width': reviews.length * review_width,
'display': 'block',
'position': 'relative',
'left': '0'
});
$new_reviews_wrapper.find('div.left, div.right').css({
'position': 'absolute',
'top': '70px',
'width': '20px',
'height': '30px',
'background-size': '20px 30px',
'cursor': 'pointer'
});
$new_reviews_wrapper.find('div.right').css({
'background-image': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAMAAAAbzM5ZAAAAulBMVEUAAAAAAABAQEBgYGBbW1tmZmZmZmZeXl5mZmZbW1tgYGBeXl5fX19iYmJhYWFiYmJaWlpbW1tcXFxdXV1dXV1fX19gYGBdXV1cXFxeXl5fX19fX19hYWFhYWFhYWFiYmJiYmJiYmJjY2NgYGBgYGBgYGBiYmJUVFRjY2NlZWVXV1dZWVlcXFxeXl4zMzM0NDQ1NTU2NjY3Nzc5OTk6Ojo9PT0/Pz9BQUFERERISEhLS0tNTU1QUFBmZmbKxvjkAAAALnRSTlMAAgQIDg8UGyM4QEFLVldjfX6IiZSeqsPEzM3U2+Hy9PX29/j5+vr7+/v8/Pz9upAsagAAAJdJREFUeAFt0lUSAjEYA+DF3d0dihBcYOH+14I+Nmkev5md7SR/oCmthWLN2ZctPVgdGQvTF+BitLG4gTDV35xAmJ+8ARcj9eUdhMne9gzC7CgECKvmAcJ4Z3cBYWb4OYCwbJ4AYXt/hWDLh0FFP/f/6J9EV55kU5PH2+TGoYNUCFVnuDotmefg4eY8nE1RJ9Zj4LPhA/sBlS85+kbNbVIAAAAASUVORK5CYII=)',
'left': 0
});
$new_reviews_wrapper.find('div.left').css({
'background-image': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAMAAAAbzM5ZAAAAvVBMVEUAAAAAAABAQEBgYGBbW1tmZmZmZmZeXl5mZmZbW1tgYGBeXl5fX19iYmJhYWFiYmJaWlpbW1tcXFxdXV1dXV1fX19gYGBdXV1cXFxeXl5fX19fX19hYWFhYWFhYWFiYmJiYmJiYmJjY2NgYGBgYGBgYGBiYmJUVFRiYmJjY2NlZWVXV1dZWVlcXFxeXl4zMzM0NDQ1NTU2NjY3Nzc5OTk6Ojo9PT0/Pz9BQUFERERISEhLS0tNTU1QUFBmZmb4TrptAAAAL3RSTlMAAgQIDg8UGyM4QEFLVldjfX6IiZSeqsPEzM3U2+Hy9PX29/j5+vr7+/v7/Pz8/RfolBcAAACPSURBVHjajdJXDsIwEIThEHqvoUPoENpQE/r9j8UB/pXAj59keT07zrrs8HymzTjxuBxkgNJjUiIqnHkuUKdNPw2UnuMCUdGqEQPqvO2lgNJrlCfqFtSJuuy6SaAO72EWKN2DKlHXfcvCtnG9Yj3EkToJDl/jN/3cP4FEC0THkO11hHPP5YqLdhl+18Ys2BeEJDsWlEuLrwAAAABJRU5ErkJggg==)',
'right': 0
});
$new_reviews_wrapper.find('div.review-item').css({
'padding': '0 30px',
'margin': '0',
'width': review_width,
'float': 'left',
'box-sizing': 'border-box'
});
$new_reviews_wrapper.find('div.review-item-image').css({
'float': 'left'
});
$new_reviews_wrapper.find('div.review-item-text').css({
'margin-left': '130px'
});
$new_reviews_wrapper.find('div.review-item-author').css({
'text-align': 'right',
'padding-top': '20px',
'color': '#999',
'font-style': 'italic'
});
$new_reviews_wrapper.find('div.right').click(function(event) {
event.stopPropagation();
if ($new_reviews_wrapper.find('div.all_reviews').position().left < 0) {
$new_reviews_wrapper.find('div.all_reviews').animate({
'left': '+=' + review_width
},
400,
function() {
var current = -$new_reviews_wrapper.find('div.all_reviews').position().left / review_width;
$new_reviews_wrapper.css('height', $new_reviews_wrapper.find('div.review-item').filter('[data-num="' + current + '"]').height());
recalculate();
});
}
});
$new_reviews_wrapper.find('div.left').click(function(event) {
event.stopPropagation();
if ($new_reviews_wrapper.find('div.all_reviews').position().left > -reviews.length * review_width) {
$new_reviews_wrapper.find('div.all_reviews').animate({
'left': '-=' + review_width
},
400,
function() {
var current = -$new_reviews_wrapper.find('div.all_reviews').position().left / review_width;
$new_reviews_wrapper.css('height', $new_reviews_wrapper.find('div.review-item').filter('[data-num="' + current + '"]').height());
recalculate();
});
}
});
$('#ctl00_ContentPlaceHolder1_Table1').css({
'display': 'none'
});
// banner slider action
// recalculate buttons position
var $banner_left = $('[src="../images/buttons/slide_arrow_left.png"]'),
$banner_right = $('[src="../images/buttons/slide_arrow_right.png"]');
var recalculate = function() {
var banner = {
left: $banner_wrapper.offset().left,
top: $banner_wrapper.offset().top,
height: $banner_wrapper.outerHeight(),
width: $banner_wrapper.outerWidth()
};
$banner_left.css({
top: banner.top + banner.height / 2 - $banner_left.outerHeight() / 2,
left: banner.left + $banner_left.outerWidth()
});
$banner_right.css({
top: banner.top + banner.height / 2 - $banner_right.outerHeight() / 2,
left: banner.left + banner.width - $banner_right.outerWidth() - 20
});
};
recalculate();
$banner_wrapper.add($banner_left).add($banner_right).css({
opacity: '0.1'
});
$banner_wrapper.mouseenter(function(event) {
$(this).css('opacity', 1);
}).mouseleave(function(event) {
$(this).css('opacity', 0.1);
});
$banner_left.add($banner_right).mouseenter(function(event) {
$banner_wrapper.css('opacity', 1);
});
//remove chat window, when it appears
window.chat_interval = setInterval(function(){
if($('#bt_invite_box').length > 0) {
$('#bt_invite_box').remove();
clearInterval(window.chat_interval);
}
}, 50);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment