Добавил кнопку для сохранения фона.Теперь работает так:
1.Жмём кнопку "ОК" подгружается страница с картинками html№2
2.Кликаем по картинке появляется фон и кнопка "Save"
3.Кликаем "Save" сохраняется фон и возвращается исходня страница html№1
но есть один баг.Если после возврата на страницу html№1 снова перейти на html№2 и выбрать фон, то обратно по "Save" не возвращает, хотя фон после перезагрузки сохраняется.И после перезагрузки снова один раз срабатывает как надо.
$(function() {
$('.ok-a').on('click', function(event) {
$('.prof').addClass('hide');
$('.load').removeClass('hide');
$('.load').load('/users/ok.html');
});
var url = localStorage.url;
url && $('.ok').css('background-image', url);
$('.load').on('click', '.photo_ok img', function(event) {
event.preventDefault();
var url = this.getAttribute('src');
var url = 'url(' + url + ')';
$('.btn').toggleClass('hide');
var stor = $(function() {
$('.btn').on('click', function() {
localStorage.url = url;
$('.prof,.load,.btn').toggleClass('hide');
})
})
if (!this.stor) {
$('.ok').css('background-image', url);
} else {
localStorage.url = url;
$('.ok').css('background-image', url);
}
});
});