Radiks Alijevs

Посмотрите в сторонe Show Stack, судя по вашему превью, наиболее подходящий пример (google code)

Посмотрите эту статью, там хорошо расписано и есть готовый пример

Эффект сделан с помощью SplitText библиотеки, можете взять и сделать, что-то подобное

Прописать при нажатие на кнопку назад:
window.location.hash = 'indexlist';

Нажатие кнопки back

document.addEventListener("intel.xdk.device.ready",function() {

    //start grabbing the Android hardware back button
    intel.xdk.device.addVirtualPage(); 
    
},false);

document.addEventListener("intel.xdk.device.hardware.back", function() {
    
    //continue to grab the back button
    intel.xdk.device.addVirtualPage(); 
    
    window.location.hash = 'indexlist';
    
}, false);

hardware.back Event

Если делать всё это с нуля потребуется много времени и сил. Посмотрите вот на это готовое решение Mapplic, возможно как раз то, что нужно, правда плагин платный

Javascript версия плагина
Wordpress плагин

Есть хороший jQuery плагин, с помощью которого можно переопределить нажатия клавиш на любое событие jQuery.HotKeys.

$(document).bind('keydown', 'ctrl+a', fn);

function fn() {
    alert('Hello man');
}

но фон не успевает прогрузить.

Это как?
Картинки загружаются отдельно от скриптов

Если я правильно понял вопрос, есть php скрипт adminer для редактирования базы данных или десктоп приложение SQLYog

Можно так:

<а href="#" onclick="myFunctionName(this);return false">Нажми сюдаа</a>

Но в правилах хорошего тона, onclick в теге как атрибут лучше не ставить, а вешать событие на элемент, html отдельно, js отдельно, да и глобальные функции лучше не использовать, а делать, что-то вроде myAppObject.myFunctionName(this):
<а href="#" id="click-here">Нажми сюдаа</a>
Javascript:

document.getElementById('click-here').addEventListener('click', displaySomething);

function displaySomething() {
    console.log(this); // элемент, на который нажали
    alert('Hi');
}

Если вы используете jQuery, всё на много проще:
<а href="#" id="click-here">Нажми сюдаа</a>
jQuery:

$('#click-here').on('click', function(e) {
    e.preventDefault();
    console.log($(this)); // jQuery элемент, на который нажали
    alert('Hi');
});

Можно использовать css3, свойство filter, с помощью которого можно манипулировать с цветом картинки.

Вот тут примеры css3 image filters

Все демо тут

Браузеры, которые поддерживаю css3 filter, к сожалению IE тупит как всегда.

Если вам нужно только с чёрно белой на цветную тут хорошая статья с исходниками, а тут демо, поддержка IE 7+

Если вам нужен совсем простой редактор вы можете использовать www.layoutit.com/build
Просто возьмите сохраните этот редактор с помощью браузера и у вас будет готовый редактор

Мне кажется лучше использовать картинки вместо background-image, а эффект лучше делать с translate3d ccs3, тогда эффект будет плавнее и красивее.

Чтобы функция bgApproximation() выполнялась по кругу, как вариант можно использовать функцию setInterval().

Переключение между слайдами с приведённым кодом сделать будет проблематично. Лучше делать отдельный блок, в котором все слайды с картинками и дальше манипулировать ими.

<div class="slides">
<div class="slide"><img src="" alt="" /></div>
<div class="slide active"><img src="" alt="" /></div>
<div class="slide"><img src="" alt="" /></div>
</div>

Вот пример простого слайдера, без лишних наворотов:
https://github.com/toymakerlabs/kenburns