Script-ul este asa.
Code: Select all
(function dataImage() {
jQuery('*').each(function() {
if (jQuery(this).data('image') === true) {
var image = jQuery(this).data('image-src');
jQuery(this).addClass('backstretch-active');
jQuery(this).backstretch(image);
}
if (jQuery(this).data('overlay') === true) {
jQuery('.backstretch-active .backstretch').append('<div class="backstretch-holder-overlay"></div>');
jQuery('.backstretch-active').each(function() {
jQuery('.backstretch-active .backstretch .backstretch-holder-overlay').css('background-color', function() {
return jQuery('.backstretch-active').data('overlay-colour')
});
});
}
});
})();
Code: Select all
<div class="top-pane top-pane-bg" data-image="true" data-image-src="{PATH}/images/headers/header-one.jpg" data-overlay="true" data-overlay-colour="rgba(103, 65, 114, 0.7)">
Code: Select all
<div class="footer-container-wrapper" data-image="true" data-image-src="{PATH}/images/headers/header-one.jpg" data-overlay="true" data-overlay-colour="rgba(0, 0, 0, 0.7)">
Pe mine ma intereseaza sa puna backgroundul corect pentru fiecare in parte, am intercat de mi-au sarit capacele.
Va multumesc.