2015-01-25 3 views
0

В настоящее время я работаю над фальсификацией веб-сайта социальных сетей, используя: 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)

ответ

0

Переменная uploadplaatje не разбираемый, вот правильный вызов:

$('.circular').css("background", "url(" + uploadplaatje + ")"); 

(Предполагая, что вы проверили содержание переменная)