Сохранить в Cookies изменения.
Я меняю фон на страничке таким образом:
$('body').css('background-image', 'url(images/wallpapers/000.jpg)');
Что нужно добавить чтобы выбор записывался в куки, а после обновления страницы измененный фон оставался? |
Современные куки однако)
<html style="background-image: url(http://www.kolomensky.com/uploads/posts/2009-05/thumbs/1242240573_36_glass_kolomensky.com.jpg)">
<script>
if (localStorage.background !== undefined) {
document.documentElement.style.backgroundImage = localStorage.background;
}
function changeBackground(url) {
localStorage.background = document.documentElement.style.backgroundImage = 'url(' + url + ')';
}
</script>
<button onclick="changeBackground('//www.fresher.ru/images6/hdr-fantasticheskie-snimki/big/8.jpg')">Сменить фон</button>
<button onclick="delete localStorage.background">Забыть фон</button>
</html>
|
Спасибо) А можете переделать так, чтобы в
onclick="changeBackground("тут можно было указать путь к фотографии")"
|
ну ок.
|
ааааааа....... чё у меня то так не пахало( я же так делал)
|
Наверное с кавычками накосячил. Или еще чего, например забыл обернуть в url()
|
а можешь мне подсказать у меня меняется так:
$('.dd-nav1').css('backgroundColor', '#000000'); |
kosty@, все также, вместо '#000000' подставляй localStorage.background (предварительно проверив что он не undefined).
|
а ничего страшного то что кнопка у меня прописана немного по другому:
<button id="black-b""></button>
$(document).ready(function(){
$('#black-b').click(function(){
$('.dd-nav1').css('backgroundColor', '#000000');
})
});
? |
При загрузке страницы:
$('__selector__').css('backgroundColor', localstorage.background || '#fff');
По клику:
$('__selector__').css('backgroundColor', '#000000');
localStorage.background = '#000000';
|
| Часовой пояс GMT +3, время: 05:17. |