Created
July 16, 2015 19:48
-
-
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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