Merhaba arkadaşlar. Blog sitem için yazılarıma öne çıkan görsel özelliği yapmak istiyorum. Eklediğim görsel ilk önce yüklenecek daha sonra yazı eklenecek şekilde yapmak istiyorum. Fazla uzatmadan kodlarımı gösterip üzerinde nasıl oynama yapmam gerektiğini söylerseniz sevinirim. Teşekkürler.

HTML:


Başlık:
Resim:
Etiket:




JS:

$.newNews=function(){

var baslik = $('input[name="newNewsBaslik"]').val();
baslik = $.trim(baslik);
var resim = $('input[name="newNewsResim"]').val();
resim = $.trim(resim);
var etiket = $('input[name="newNewsEtiket"]').val();
etiket = $.trim(etiket);
if(!baslik || !resim || !etiket){
$('.formUyari').html('');
$('.formUyari').append("*Lütfen tüm kutucukları doldurduktan sonra gönderiniz!");
}else{
var deger="newNews=newNews"+"&baslik="+encodeURIComponent(baslik)+"&resim="+encodeURIComponent(resim)+"&etiket="+encodeURIComponent(etiket);

$.ajax({
type: "POST",
url: "functions/funcs.php",
data: deger,
dataType: "json",
success: function(cevap){
if(cevap.basari){
location.reload();
}else{
$('.formUyari').html('');
$('.formUyari').append("* ",cevap.hata);
}
}
});
}
};


PHP:

if(isset($_POST['newNews'])){

$json['hata'] = "geliyoo";
echo json_encode($json); #henüz burayı bitirmedim.

}