Facebook Style Background Image Upload and Position Adjustment.

Facebook Style Background Image Upload and Position Adjustment.

HTML Code
Take a look at the live demo for more understanding. 



<div id="container">
<div id="timelineContainer">
<!-- timeline background -->

<br />
<div id="timelineBackground">
<img class="bgImage" src="uploads/backgroundimage.jpg" style="margin-top: -10px;" />
</div>
<!-- timeline background -->

<br />
<div id="timelineShade">
<form action="image_upload_ajax_bg.php" enctype="multipart/form-data" id="bgimageform" method="post">
<div class="uploadFile timelineUploadBG">
<input class="custom-file-input" id="bgphotoimg" name="photoimg" type="file" />
</div>
</form>
</div>
<!-- timeline profile picture -->

<br />
<div id="timelineProfilePic">
</div>
<!-- timeline title -->

<br />
<div id="timelineTitle">
<br /></div>
<!-- timeline nav -->

<br />
<div id="timelineNav">
</div>
this code next below process