Андрей Голуменов

Копайте в сторону map метода массива
msdn.microsoft.com/ru-ru/library/ie/ff679976(v=vs....

$('.text_add').remove();

для начала предоставьте ссылку

Проще всего в фотошопе.
И что значит от краев к центру? В центре прозрачная по краям непрозрачная или наоборот? Я что-то запутался.
Фон под картинкой однотонный? Если да можно попробовать накинуть сверху градиентную заливку через :after

Можно сделать используя area и map, работает даже в старых браузерах

Покажите рабочий прототип, без него не совсем понятно, что у вас не работает

Как-то так:

var status, ok;
$(function() {



			$(document).on('click', '.filter', function() {

				if($(this).data('status') != undefined)
			    	window.status = $(this).data('status');
			    if($(this).data('okay') != undefined)
			    	window.ok = $(this).data('okay');

				var template = $("#posts").html();

				$.ajax({
					type: "POST",
					url: "/filter",
					data: {
						"status": window.status,
						"ok": window.ok
					},
					success: function(result) {
			            $(".posts").html(_.template(template,{ result:result }));
			        }
				});

			});

			$(document).on('click', '#loadmore', function() {

				var template = $("#posts").html();

				$.ajax({
					type: "POST",
					url: "/filter",
					data: {
						"status": window.status,
						"ok": window.ok
					},
					success: function(result) {
			            $(".posts").append(_.template(template,{ result:result }));
			        }
				});

			});

		});

var a = 2, b = 7, c = 4, d, e;
a = ++a + a++ - b++ - --b + ++c -1 ; //3+3-7-7+5-1;a=-4;b=7;c=5;
b = --b + b-- + ++c - ++a + a++ +1 ; //6+6+6-(-3)+(-3)+1;a=-2;b=19;c=6;
d = --b + --a * --c + a++ ; //18+(-3)*5+(-3);a=-2;b=18;c=5;d=0;
e = ++d + ++d /2 ; //1+2/2;a=-2;b=18;c=5;d=2;e=2;
alert(a); alert(b); alert(c);alert(d); alert(e);

++a значит вставить сразуже значение a+1 и увеличить значение a=a+1
a++ значит вставить сразуже значение a и увеличить значение a=a+1
Аналогично с --a и a--

codepen.io/golumenov/pen/aHLoC
Ошибка в скрипте и в том, что вы в качестве css выбрали sass

Изучайте чистый javascript.

var one=document.getElementById('one');
function growSize(s,h){s.style.height = h };

growSize(one,'250px');

Кавычки в одном месте лишние, а в другом месте забыли

Можно использовать спрайт либо использовать css фильтры, в случае, если картинка та-же самая, и меняется цветовая гамма

Что-то типа того вам нужно

$(window).scroll(function(){
     // тут всякие вычисления высоты и смена бекграунда в зависимости от вычислений
     $('#target').css('background','url(images/background.jpg)');
});

У вас один обработчик на разные кнопки. При этом вы пытаетесь найти ячейку в таблице относительно текущей кнопки. Попробуйте обращаться к таблице напрямую по id, например так jsfiddle.net/qanre