В настоящее время я работаю над фальсификацией веб-сайта социальных сетей, используя: Javascript, JQuery, html и css. Большинство вещей прошло довольно хорошо. Я хочу, чтобы мой веб-сайт больше походил на сайт в социальных сетях. Здесь проблема начинается. Для нескольких страниц я использовал изображение в качестве фона в теле. Как это:Загрузить div background url
body {
height:100%;
width:100%;
background-color:#E8E8E8;
background-image: url("../pictures/straatbackground.jpg");
}
Для страниц я не хотим на этом фоне, чтобы показать я просто использовать:
$("document").ready(function(){
$("body").css("background-image", "none");
Однако теперь я немогу использовать фоновое изображение, а вместо этого я использую background: url. Она прекрасно работает в этой части CSS я писал:
.circular {
width: 28%;
height: 90%;
margin-left:35%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: url(../pictures/profielfototje.jpg) no-repeat;
background-size: 100% 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
Однако, если я хочу изменить это мой код, так что я могу загрузить файл и изменить фон мой код не удается. Это выглядит так:
$(".circular").click(function(){
var uploadplaatje = $(".circular").fileupload().val();
$('.circular').css("background", "url(uploadplaatje)");
}); // click
К сожалению, я недостаточно опытен, чтобы придумать решение самостоятельно. Может ли кто-нибудь помочь мне и объяснить мне, как я могу изменить фон моего div, щелкнув его и загрузив изображение.
навсегда благодарен,
Юп (код Newby)