Pinterest-style layout with jQuery

What you always wanted. Pinterest on your own website. Awesome.

The Empire State Building

The Empire State Building is a 103-story skyscraper located in Midtown Manhattan, New York City, at the intersection of Fifth Avenue and West 34th Street.

by Getty Images
UP Big Boy 4006

Big Boy is the popular name of the American Locomotive Company 4000-class 4-8-8-4 articulated, coal-fired, steam locomotives manufactured between 1941 and 1944 and operated by the Union Pacific Railroad until 1959.

by Anon
New York

Some explanation of the image

by Anon
Porsche 356

Porsche 356

by Anon
New York

Some explanation of the image

by Anon
Scalable Vector Graphic icons

Scalable Vector Graphic icons which you use on your website.
See this page where it is shown.

by Moi
Stetson Cattleman hat

Stetson Cattleman hat. Bought in 1974 @ Western Ranchmen Outfitters in Cheyenne, Wyoming.

by Moi
Ethica Nicomachea

De Ethica Nicomachea (Oudgrieks: ēthiká Nikomácheia) (soms ook gespeld als 'Nicomachaea') is één van de werken van de Griekse filosoof Aristoteles. In dit werk lezen we over deugdenethiek, het menselijk karakter en welke rol deze twee spelen bij het vinden van geluk. Het werk bestaat uit tien boeken en neemt een prominente plaats in binnen het oeuvre van Aristoteles.
bron : wikipedia

by Moi
Cowgirl

Image found at Pinterest

by Anon
Paris

by Anon
Porsche 356 Green

Porsche 356 Green

by Anon
Devolo AVmini

The simple home network via the power line. Connect your PC, consumer electronics and other network-compatible devices to the Internet easily.
Source: Devolo dLAN Powerline

by Devolo
Union Pacific Big Boy 4012

The overall length of this Big Boy locomotive is 132 feet, 9-1/4 inches. It was retired by the Union Pacific in February 1962 after logging 1,029,507 miles. The locomotive cost the UP $265,000 when it was built in the 1940s. The train weighs 1,189,500 pounds and was operated at speeds of up to 80 miles per hour.

by Anon
iPhone Simulator

iPhone Simulator

by Moi
Books on a Table

Collection of books on a table.

by Moi

This Pinterest-style layout displays the images from left to right, top to bottom. Unlike the ➠ Pinterest-style layout with css, which displays the images in columns from top to bottom, left to right.

When the browserwindow is resized (or rotated on mobile devices), there's an animation when the images re-position.

Compared with other jQuery scripts, this one is easy to use. I added ➠ some code to display the images as one column when hold vertical (Portrait) on mobile devices.

Just like the Pinterest-layout with css, the grid is created with a PHP script from an .xml file.

Source : BlocksIt.js

And here's another one ➠ Gridify

Jul 04 2022 17:25:30