In Progress

Web app using isotope plugin - repost

I have created a an image gallery web application and im using Isotope Jquery plugin to display the div boxes that contain the images in masonry style.

* I have four main sizes for the div containers

DIV A - width: 100px ; height: 100px;

DIV B - width: 220px; height: 100px;

DIV C - width: 340px; height: 210px;

DIV D - width: 220px; height: 210px;

* The div containers are dynamically generated.

* Each div container contains an image when generated from database.

* Images are not predefined in terms of width and height, they called randomly in each div container.

* IMPORTANT - When the image is loaded into a div, it must fit appropriately in its container, keeping in mind the margins inside div. This applies to all divs A,B,C,and D.

* IMPORTANT- The four sides of the margin inside the div container must remain static regardless of the images width and height.

* Aspect ratio of the image must be kept into consideration.

* If necessary, image stretching can be applied if image width or height does not meet with div containers width or height.

* If necessary, image cropping can also be applied appropriately if image width or height does not meet with div containers width or height.

Expected advisory:

1- Proper sizes of div containers for a good masonry layout using isotope, keeping in mind the image attached for current masonry layout.

2- positioning image inside div container properly in all scenarios A,B,C,and D with proper margins on all sides of container. Check attached images.

Skills: CSS, HTML, Javascript, jQuery / Prototype

See more: css height jquery, plugin jquery, Masonry , image cropping, d container, web image gallery, main container, app jquery, image gallery jquery, aspect jquery, gallery plugin, loaded plugin, web app database, app contains, image gallery plugin, jquery layout plugin, jquery image ratio, jquery css javascript repost, jquery container, display css style database, image gallery app, keeping repost, gallery style web, jquery isotope, mobile app web ios android using html5

About the Employer:
( 2 reviews ) Al Khobar, Saudi Arabia

Project ID: #4383590

Awarded to:

excellence02

I din't quite get the second 'IMPORTANT' point.Rest i have read and gone through the images and is very much doable. Lets discuss. Thanks.

$165 USD in 5 days
(0 Reviews)
0.0

6 freelancers are bidding on average $173 for this job

Ajcm623

hello i have gone through your requirement CAN WE DISCUSS IN FURTHER DETAILS?? thank u

$220 USD in 5 days
(63 Reviews)
5.9
raj2475

Hi, I can easily implement your required isotope plugin according to your mentioned details.

$210 USD in 15 days
(65 Reviews)
5.5
Saimakhan11

Hello, We understand your requirement and we have experience to do this type of work. We assure you that we complete your product on time with quality. Please check your Private Message Box for more details. Thank you, More

$189 USD in 11 days
(1 Review)
1.8
DreamWorkvn

I have read your work description and I am sure I can do EXACTLY the requirements on this project. Your satisfaction is 100% GUARANTEED!!!. Thanks

$154 USD in 3 days
(0 Reviews)
0.0
Tejast5

Hi.. I am expert on client-side coding. I have bulk of experience on javascript and jquery. please give me a chance, your work would surely be done.

$100 USD in 15 days
(0 Reviews)
0.0