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.

Kemahiran: HTML, Reka Bentuk Laman Web, Reka Bentuk Grafik, JavaScript, CSS

Lihat lagi: 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

Tentang Majikan:
( 0 ulasan ) Montreal, Canada

ID Projek: #31584338

31 pekerja bebas membida secara purata $303 untuk pekerjaan ini


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 Lagi

$250 CAD dalam 7 hari
(284 Ulasan)

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 Lagi

$350 CAD dalam 7 hari
(162 Ulasan)

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 Lagi

$140 CAD dalam 7 hari
(109 Ulasan)
(223 Ulasan)
(22 Ulasan)

[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 Lagi

$200 CAD dalam 3 hari
(59 Ulasan)

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 Lagi

$140 CAD dalam 7 hari
(88 Ulasan)

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 Lagi

$150 CAD dalam 2 hari
(13 Ulasan)
(68 Ulasan)

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 Lagi

$125 CAD dalam 7 hari
(65 Ulasan)

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 Lagi

$140 CAD dalam 7 hari
(3 Ulasan)

⭐ 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 Lagi

$100 CAD dalam 5 hari
(33 Ulasan)

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 Lagi

$199 CAD dalam 5 hari
(20 Ulasan)

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 Lagi

$100 CAD dalam 7 hari
(32 Ulasan)
(26 Ulasan)

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 Lagi

$200 CAD dalam 5 hari
(46 Ulasan)

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 Lagi

$180 CAD dalam 5 hari
(5 Ulasan)

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 Lagi

$150 CAD dalam 5 hari
(19 Ulasan)

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 Lagi

$140 CAD dalam 7 hari
(9 Ulasan)

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 Lagi

$100 CAD dalam 3 hari
(7 Ulasan)