Đã Đóng

Build a website with drag and drop images.

I am looking for someone to build a web page with a drag and drop interface for images.

The images will appear in a multilevel menu on the left side of the screen and be dragable to the right side of a screen where they will snap into place. This is something similar to what you can see at the website [login to view URL] except their menu is single level while this one will have an extra level or two. Also [login to view URL] drags in code blocks, we only need it to drag in image blocks.

Just like on [login to view URL] when you drag the block into the page there should be options on the right side of the block when you hover over the image. The option will popup a modal to configure it which should be loaded with ajax or xmlhttprequest data (so that we can change the content later on - this is not part of the scope, as long as it can load one version of the popup). In your reply to this bid, add the word "Happy" to the first line.

The image blocks should be able to move, delete, duplicate, etc..

This project is more concerned with the frontend development of this, so no backend code is needed. You will need to prepare it so that it sends updates via ajax (or other method) when blocks are dragged. (In your reply to this bid, add the word "Freelancer" to your first line) For example when a new block is dragged in to the page it will send an ajax post to a given url with the session id, page id, image id, and position of the image (Whether it sends all the image location data with each ajax request or if there is a way to address them one by one is up to you, but it may be easier just to send the position of all the images being displayed with each action (add, delete, move).

Also there should be some kind of function made that will allow me to pre-fill the page with image blocks. For example a javascript function that can be run on page load that loads images into the main block (like for opening a saved version of the page), or loading the image ids into a an array, or supplying it in json to a startup script or even (depending on how you structure it) I can make PHP just loop through the image blocks and add them as html code if you make it support it. (In your reply to this bid, add the word "Bidding" to your first line) This might be the easiest way?

I repeat this again, no backend code is required, only html, css, javascript. You can use javascript libraries and html/css frameworks (I prefer bootstrap personally) but I do not want to use anything like react, vue, nuxt, angular, etc..

All the images are already made in 2 sizes. The smaller one (200px wide) will be in the popup menu and the larger one (500px wide) is what will be dragged into the page. You will not need to add them all. The page should be built in a way that I can get the the sections as they are pressed (ajax for example) or just load everything into an array/object on page load.

I prefer to find an individual freelancer, not a company to do this.

I hire ux/ui designers and front end developers all the time so this can be a good introduction and can lead to full time work for you, if you are interested.

Thank you.

Kĩ năng: HTML, Thiết kế trang web, Thiết kế đồ họa, JavaScript, CSS

Xem nhiều hơn: save drag drop images database using php, bracelet designer website drag drop, drag drop images javascript, website drag drop upload, online wysiwyg editor drag drop images, drag drop images cake php, drag drop images ordering using javascript php, drag drop images scriptaculous, drag drop images mysql, cms drag drop images, build cms drag drop feature, drag drop images website, visual basic website drag drop images runtime, web design drag drop images

Về Bên Thuê:
( 0 nhận xét ) Montreal, Canada

ID dự án: #31584338

31 freelancer chào giá trung bình$303 cho công việc này

logintobusiness

Dear Sir/Mam, Greetings! I hope you are doing well. I have read the description of your project and understood that you are looking for a website developed. I would love to work with you and develop it in WordPress Thêm

$250 CAD trong 7 ngày
(284 Nhận xét)
8.2
inventivedesigne

Hello, I have read your all requirements that you want a Website with drag and drop images for your Business. I will deliver your project within 4-7 days. If you need it more urgently so Please contact me. I will make Thêm

$350 CAD trong 7 ngày
(162 Nhận xét)
7.1
shahajay6434

Hello, You're looking for expert web developer for build a web page with a drag and drop interface for images. I'm expert in web development and also like to assist you in this project. can you please share your refe Thêm

$140 CAD trong 7 ngày
(109 Nhận xét)
6.9
(223 Nhận xét)
6.8
(22 Nhận xét)
6.7
aftabahmad334

[login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] NGO Website [login to view URL] real Estate site [login to view URL] ecommerc Thêm

$200 CAD trong 3 ngày
(59 Nhận xét)
5.8
Ridafarhat5

Hello...I have the required skills and experience to make this project stand out. I would love to have a discussion over the Chat on which We will be having a fruitful discussion that will make this project stand out o Thêm

$140 CAD trong 7 ngày
(88 Nhận xét)
5.5
vovakovalkov80

Hi client Thank you for your job posting. I am very interested in your project and I will provide you 100% quality work. My Main skill: React.js, Angular.js, Node.js, PHP, Laravel, Wordpress I am ready to start work i Thêm

$150 CAD trong 2 ngày
(13 Nhận xét)
5.4
(68 Nhận xét)
5.5
poojaexpertz

Hello sir, Good morning This is straight forward work please message me. I am available right now and I would like to start working on your project right away. I have more than 8 years of experience in Angular, Larave Thêm

$125 CAD trong 7 ngày
(65 Nhận xét)
5.8
phonedroidapps

Hello, Greetings…!!! I have gone through your requirements and understood that you want to develop a website. We would like to tell you that we already have made a lot of Android, IOS mobile applications, websites, a Thêm

$140 CAD trong 7 ngày
(3 Nhận xét)
6.2
adeelweb1122

⭐ WEB DEVELOPMENT EXPERT ⭐ Bidding Hi, I have gone through the detail & interested in developing a responsive website , I have rich expertise in different programming languages PHP, HTML, CSS, JS, REACT.js, NODE.js, WO Thêm

$100 CAD trong 5 ngày
(33 Nhận xét)
4.8
shussee89

Greetings, "Happy freelancer bidding". I have gone through the project details also reviewed the provided and attached links and I can surely build you a website with drag and drop images. Moreover, initiate a Thêm

$199 CAD trong 5 ngày
(20 Nhận xét)
5.0
Tamalnaskar6

Hello, I'm Tamal Naskar, a Software engineer from Kolkata, India, I have 10+ years of work experience in the software development field. I have read your project description and have 100% confidence to complete your p Thêm

$100 CAD trong 7 ngày
(32 Nhận xét)
5.0
(26 Nhận xét)
5.0
Ahmersha

Understood your requirements but want to know more in detail from your side. We are a very creative website design agency. We would like to let you know that we have completed more than 50+ projects based on various Thêm

$200 CAD trong 5 ngày
(46 Nhận xét)
4.6
RohanaArts

Hello! jwritecanada I have just checked your brief that you need to build a web page with a drag and drop interface for images. I can do this with unlimited changes. I'm very much confident to reach your expectations Thêm

$180 CAD trong 5 ngày
(5 Nhận xét)
4.5
FaizMirza2021

Greetings, Let's Build your Website with a sleek and minimal design I can develop a fully functional Website to your specifications, I have completed more than 500+ projects on Word Press / HTML / CSS/E-Commerce and Thêm

$150 CAD trong 5 ngày
(19 Nhận xét)
4.5
RaceteqUnion

Warm Greetings! We are seeking to offer our services regarding web development to you . After reading your project description, we are confident that we can help you with it. We are a team of highly skilled IT profe Thêm

$140 CAD trong 7 ngày
(9 Nhận xét)
4.4
laibajaleel

Hi, PROFESSIONAL WORDPRESS LANDING PAGE CHAT NOW Hello, 100% Satisfaction / 24-7 Support I’m Cres I promise to do a great job on your website! I’m a native English speaker from Uk and that really helps. I’m a PRO We Thêm

$100 CAD trong 3 ngày
(7 Nhận xét)
3.4