Блюр части изображения CSS3 + JS?

Все всем спасибо, сам сделал, костылем конечно, но другого способа не нашел. Jquery просто подгоняю css в зависимости от размеров экрана и все вроде работает четко)

Это не костыль в данном случае, а единственное решение. Именно джавасриптом подгонять позиционирование блюренной картинки.

Хотя нет. Есть более интересный вариант.
Нужно продублировать все слайды и сделать как бы второй слайдер. Основной будет крутиться на фоне, как сейчас, второй, с блюром - в области навигации (навигацию будет наложена поверх его). размеры слайдов второго слайдера нужно будет выставлять равными первому и синхронизировать их позиции. Таким образом будет довольно просто реализовать эффект смены картинок смещением в сторону по горизонтали/вертикали, фэйдом, скейлом и другие.
Да, я бы именно так сделал.

Сергей: на самом деле я по началу так и делал) я просто JS копировал содержания слайдера в слой #clone и по событию скрола передвигал этот слой, получилось хорошо, но я тогда не догадался на js корректировать позиционирование.) поэтому отмел этот вариант)