Tampilkan postingan dengan label masonry. Tampilkan semua postingan
Tampilkan postingan dengan label masonry. Tampilkan semua postingan

Kamis, 05 Desember 2013

WP Auto Albums - Multi Level Responsive Grid (Galleries)




Wordpress Auto Albums – Multi Level Responsive Grid


This is a Wordpress plugin that scans a folder in your Wordpress in which you can put as much images, folders and levels you can imagine and the plugin will make a grid responsive gallery taking the folders as albums.



The images are uploaded via FTP, so you can take advantage of the goodies of FTP uploads using droplets. For example: “transmit” (for MAC) or “FTP Droplet Lite” (for Windows)

Then you only would have to drag and drop the images into a folder in your desktop computer and that’s it, the droplet will automatically connect to your folder in your Wordpress.



If you don’t want to use FTP you can use another plugins to upload files through the WP admin page using File Manager Plugins like this one:
http://wordpress.org/plugins/wp-filemanager/screenshots/ you only need to point it to where your Gallery folder is and then manage your images! this is just an example, out there must be lots of better file manager plugins!



Put the plugin in your pages or posts just with this shortcode: [autoAlbums] and then just drag and drop images into folders via FTP or how ever you can contect to your Wordpress files, you only need to take care of organizing your images in folders and if you want adding thumbnails.



There is no limit so you can keep creating folders or albums of images inside a folder inside a folder inside a folder and the plugin will still reading them all creating a navigation at the top so you can go back in whatever level of your choice.





This is an example of a directory that the plugin can read (as you can see you can organize your images in any way you want and the plugin will read your directory automatically):




The Alubms will show the number of images and Albums inside and when you click on it it will load all the content inside (images and Albums).
The Images will show its name on the caption and when you click on it it will open the lightbox.



Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button.

Features:




  • Infinite Levels of Albums

  • Order the images byDate, byDateReverse, byName, byNameReverse, random

  • Choose an image for the folder Cover of the Album

  • If you want the plugin can pick a random image from an album to make it the folder cover image

  • Alubms show the number of images and folders inside

  • You can link to another page when you click in a thumbnail

  • Fully Responsive Grid and Lightbox

  • Support images of any dimensions and it will keep the right proportions

  • Navigation bar

  • Set the number of images to load at start and when you click the “load more images” button

  • Support thumbnails for the grid only to the images you want to improve performance

  • Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’

  • You can specify a static width for each column or specify number of columns

  • When specifying the number of columns you can set the minimum width for each column

  • CSS3 Effects

  • Direction aware hover effect

  • Lightbox with slideshow (play, pause, auto-play)

  • Easy implementation

  • Deactivate and Activate Features through Javascript Options




----> Update: Nov 19, 2013
Fixed some issues with nested galleries

----> Update: October 17, 2013
Fixed some issues with the lightbox in Firefox when resizing the window



You can take a look to the documentation HERE

Grid Carousel Gallery WordPress Plugin (Galleries)

A plugin help you to add a responsive Grid Carousel Gallery to your post or page via shortcode.


followrss



Features



  • Support batch upload, and convert the large image to small thumbnail via PHP automatically, help you to add a gallery in a minute, keep the gallry load fast too.

  • Responsive and flexible layout, works fine in the small screen device (like iPhone, iPad) too.

  • Retina ready.

  • Multiple and unlimited carousel on same gallery.

  • Multiple and unlimited gallery instance on same page.

  • Live preview in the backend, what you see is what you get.

  • Optional padding between each image.

  • Optional lightbox or image link.

  • Optional arrow and dot navigation.

  • Optional slideshow and slideshow delay.

  • Compatible with latest jQuery and latest WordPress.

  • Enqueue the js and css only when needed. Keep WordPress page size smaller.

  • You can add/edit the chart without touching the code. Customize/update the image with WordPress backend.

  • FAQ and source code are included in the package. Free update in the future.



Recommendation for you


Image Map HotSpot WordPress Plugin:


hotspot

Credit



jQuery http://jquery.com
jcarousel http://sorgalla.com/jcarousel/
wookmark http://www.wookmark.com/jquery-plugin
Great shots from http://www.flickr.com/photos/markjsebastian/

FloGallery - Multipurpose WordPress Gallery (Galleries)

FloGallery is a WordPress Gallery plugin that takes control of the WordPress Media Photos and create fantastic albums. Each album can be categorised and sub categorised for easier use. Multiple albums can be embedded into any Custom Post Type that accepts shortcode and with 5 layouts to choose from you can create dynamic photo albums on your website.



  • 5 Layouts

    • Carousel
    • Grid
    • Inline
    • Masonry
    • News Grid
    • Slideshow

  • Lighbox Effects
  • Easy to use Admin Options
  • Drag and Order Photos
  • Shortcode Embeds
  • Hierarchical Categories
  • Documentation Included



Grid



Inline



Masonry



News Grid



Slideshow



Features


FloGallery - WordPress Drag and Sort

The following were used in the development of this plugin.




Initial Release

ImageShow - Wordpress InView Popout Image Gallery (Galleries)

Features:



  • Masonry Layout

  • Popout Images

  • Image Rotation and Scale Effects on Hover

  • Option Social Icons and Title Bar

  • Set Larger Images

  • Full shortcode control of speeds, rotation, scale amount, larger image size, margins, image widths etc

  • Fly In and Out animations when images are inview or not inview.

  • Use any images via Wordpress media tool.

  • Add unlimited galleries per page.

  • Custom prettyPhoto lightbox inclusion.

  • Link to images, internal pages or external sites.

  • Wordpress 3.7 + compliant.



Note: Hover effects not available on touch screens – Social icons disabled on touch screen devices and do not show correctly in Safari, Chrome and Opera browsers.

Tumblr Photoset Grid/Masonry Gallery for WordPress (Galleries)

A plugin help you to add Tumblr Photoset like responsive grid/masonry gallery to your post or page via shortcode.


followrss


See how it works in a YouTube video


video demo

Features



  • Support batch upload, and convert the large image to small thumbnail via PHP automatically, help you to add a gallery in a minute, keep the gallery load fast too.

  • Live preview in the backend, what you see is what you get.

  • Flexibility layout, you can customize each row image number just via a number sequence.

  • Responsive, works fine in the small screen device (like iPhone, iPad) too.

  • You can drag the thumbnail to re-order the item easily in the backend.

  • Optional padding between each image.

  • Optional lightbox or image link.

  • Optional slideshow and slideshow delay.

  • Multiple and unlimited photoset instance on same page.

  • Compatible with latest jQuery and latest WordPress.

  • Enqueue the js and css only when needed. Keep WordPress page size smaller.

  • You can add/edit the chart without touching the code. Customize/update the image with WordPress backend.

  • FAQ and source code are included in the package. Free update in the future.



“Amazing, Powerful, easy to use working with all my themes :)”


sailo

Recommendation for you


Image Map HotSpot WordPress Plugin:


hotspot

Credit



jQuery http://jquery.com
photoset-grid https://github.com/stylehatch/photoset-grid/
Great shots from http://www.flickr.com/photos/markjsebastian/

Distinctive Post Wall - AJAX Post Grid (Galleries)


Display Your Post using our ajax powered post wall. choose from masonry or grid format and take complete control with the easy to use shortcode generator and built in in styling options


Distinctive Post Wall is simple to use yet very powerful. You can control which elements you wish to show (title, comment count, excerpt etc) as well as social sharing and a built in like feature.


With Distinctive Post Wall you can display all your posts, or choose a specific category or tag to display instead – you also show them in a random order if you wish! Please note, is it only possible to use one post wall per page at present.


As you you would expect, Distinctive Post Wall is fully responsive too, just try the demo and see.


Main Features



  • Easy To Use Shortcode Generator

  • Choose 1, 2, 3 or 4 Columns

  • Masonry or Grid

  • Show/Hide Title

  • Show/Hide Comment Count

  • Show/Hide Date

  • Show/Hide Author

  • Show/Hide Excerpt/li>
  • Show/Hide Social Sharing Icons

  • Show/Hide Like Box

  • Take full control of the styling

WP Auto Albums - Multi Level Responsive Grid (Galleries)




Wordpress Auto Albums – Multi Level Responsive Grid


This is a Wordpress plugin that scans a folder in your Wordpress in which you can put as much images, folders and levels you can imagine and the plugin will make a grid responsive gallery taking the folders as albums.



The images are uploaded via FTP, so you can take advantage of the goodies of FTP uploads using droplets. For example: “transmit” (for MAC) or “FTP Droplet Lite” (for Windows)

Then you only would have to drag and drop the images into a folder in your desktop computer and that’s it, the droplet will automatically connect to your folder in your Wordpress.



If you don’t want to use FTP you can use another plugins to upload files through the WP admin page using File Manager Plugins like this one:
http://wordpress.org/plugins/wp-filemanager/screenshots/ you only need to point it to where your Gallery folder is and then manage your images! this is just an example, out there must be lots of better file manager plugins!



Put the plugin in your pages or posts just with this shortcode: [autoAlbums] and then just drag and drop images into folders via FTP or how ever you can contect to your Wordpress files, you only need to take care of organizing your images in folders and if you want adding thumbnails.



There is no limit so you can keep creating folders or albums of images inside a folder inside a folder inside a folder and the plugin will still reading them all creating a navigation at the top so you can go back in whatever level of your choice.





This is an example of a directory that the plugin can read (as you can see you can organize your images in any way you want and the plugin will read your directory automatically):
\




The Alubms will show the number of images and Albums inside and when you click on it it will load all the content inside (images and Albums).
The Images will show its name on the caption and when you click on it it will open the lightbox.



Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button.

Features:




  • Infinite Levels of Albums

  • Order the images byDate, byDateReverse, byName, byNameReverse, random

  • Choose an image for the folder Cover of the Album

  • If you want the plugin can pick a random image from an album to make it the folder cover image

  • Alubms show the number of images and folders inside

  • You can link to another page when you click in a thumbnail

  • Fully Responsive Grid and Lightbox

  • Support images of any dimensions and it will keep the right proportions

  • Navigation bar

  • Set the number of images to load at start and when you click the “load more images” button

  • Support thumbnails for the grid only to the images you want to improve performance

  • Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’

  • You can specify a static width for each column or specify number of columns

  • When specifying the number of columns you can set the minimum width for each column

  • CSS3 Effects

  • Direction aware hover effect

  • Lightbox with slideshow (play, pause, auto-play)

  • Easy implementation

  • Deactivate and Activate Features through Javascript Options




----> Update: Nov 19, 2013
Fixed some issues with nested galleries

----> Update: October 17, 2013
Fixed some issues with the lightbox in Firefox when resizing the window



You can take a look to the documentation HERE

FlickrShow 2.0 For Wordpress (Galleries)

Build an interactive inview masonry picture wall from your Flickr images.



  • Create Gallery from User Photostream, Set Number or Search Term

  • Inview hide and show animation.

  • Popout scaling animation on image mouseover with alternating slight rotate animation of images for dramatic effect(Most browser support).

  • Masonry layout.

  • Pure CSS3 animations on inview load and on mouseover.

  • Optional Watermark over images on image mouseover.

  • Set larger images(static or random).

  • Title, author, views count visible information.

  • Customized prettyPhoto lightbox slideshow.

  • Photo caching for performance.

  • Shortcode options include:scale, popout_speed, image_size, thumb_size, width, num_images, margin, larger_images, larger_image_set, larger_random, larger_images_multiplier, set_number, flickrname, search, cache, cache_duration, visible_at_start, watermark_url, social_icons, sort, group.

  • Fully Responsive relayout and sizing.

  • Social Share Buttons(Firefox, IE9+, Safari) – Not on mobile browsers.

  • Mobile browser support



Side Note: If you are loading a bunch of large images and it takes a while for page loads this is normal. Even with image caching it takes a while for any server to load several images at once. Please do not complain about load times. Every step has been taken to improve image loading times.



Credits:
Code – jquery.masonry, jquery.prettyPhoto, jquery.inview, phpflickr
flickr images – Sunniva Trana, o2chi, CubaGallery

Responsive Pinterest Grid Gallery WordPress Plugin (Galleries)

A plugin help you to add Pinterest style responsive grid / masonry gallery to your post or page via shortcode in a few seconds. The plugin support batch upload in the backend. The large image will generate small thumbnail automatically. The category is optional, and support multiple category, which mean a image can be in different category.


followrss


Update log (add new features, 16 Nov 2013):



  • Make the lightbox responsive, the whole gallery is responsive now.

  • Resize the thumbnail automatically, now the gallery load more fast.

  • Add lightbox (large image) caption option.


Update log (12 Nov 2013)


Remove the potential circle dot in some themes. Prior buyers can just download the latest source and overwrite the jquery.pinterest.css

Features



  • Easy to install and setup with WordPress.

  • Compatible with latest jQuery(1.10.x) and latest WordPress.

  • You can add/edit the Pinterest Gallery without touching the code. Customize the image and text with WordPress backend, and then embed the gallery in post or page via shortcode like [pinterest_gallery id=12 /].

  • Support multiple images uploading, help you to update the gallery quickly in a few seconds.

  • Draggable of the thumbnail in the backend, help you to sort the thumbnail easily.

  • Unlimited and multiple gallery instace support in your WordPress.

  • Optional and unlimited category for the gallery, and each item can be in multiple categories.

  • Color picker for updating item background and font color easily.

  • Optional slideshow lightbox.

  • FAQ and source code are included in the package. Free update in the future.



Recommendation for you


Image Map HotSpot WordPress Plugin:


hotspot

Credit



jQuery http://jquery.com
wookmark http://www.wookmark.com/jquery-plugin
boxer http://www.benplum.com/formstone/boxer/
photo markjsebastian

Grid Carousel Gallery WordPress Plugin (Galleries)

A plugin help you to add a responsive Grid Carousel Gallery to your post or page via shortcode.


followrss



Features



  • Support batch upload, and convert the large image to small thumbnail via PHP automatically, help you to add a gallery in a minute, keep the gallry load fast too.

  • Responsive and flexible layout, works fine in the small screen device (like iPhone, iPad) too.

  • Retina ready.

  • Multiple and unlimited carousel on same gallery.

  • Multiple and unlimited gallery instance on same page.

  • Live preview in the backend, what you see is what you get.

  • Optional padding between each image.

  • Optional lightbox or image link.

  • Optional arrow and dot navigation.

  • Optional slideshow and slideshow delay.

  • Compatible with latest jQuery and latest WordPress.

  • Enqueue the js and css only when needed. Keep WordPress page size smaller.

  • You can add/edit the chart without touching the code. Customize/update the image with WordPress backend.

  • FAQ and source code are included in the package. Free update in the future.



Recommendation for you


Image Map HotSpot WordPress Plugin:


hotspot

Credit



jQuery http://jquery.com
jcarousel http://sorgalla.com/jcarousel/
wookmark http://www.wookmark.com/jquery-plugin
Great shots from http://www.flickr.com/photos/markjsebastian/

FloGallery - Multipurpose WordPress Gallery (Galleries)

FloGallery is a WordPress Gallery plugin that takes control of the WordPress Media Photos and create fantastic albums. Each album can be categorised and sub categorised for easier use. Multiple albums can be embedded into any Custom Post Type that accepts shortcode and with 5 layouts to choose from you can create dynamic photo albums on your website.



  • 5 Layouts

    • Carousel
    • Grid
    • Inline
    • Masonry
    • News Grid
    • Slideshow

  • Lighbox Effects
  • Easy to use Admin Options
  • Drag and Order Photos
  • Shortcode Embeds
  • Hierarchical Categories
  • Documentation Included



Grid



Inline



Masonry



News Grid



Slideshow



Features


FloGallery - WordPress Drag and Sort

The following were used in the development of this plugin.




Initial Release

ImageShow - Wordpress InView Popout Image Gallery (Galleries)

Features:



  • Masonry Layout

  • Popout Images

  • Image Rotation and Scale Effects on Hover

  • Option Social Icons and Title Bar

  • Set Larger Images

  • Full shortcode control of speeds, rotation, scale amount, larger image size, margins, image widths etc

  • Fly In and Out animations when images are inview or not inview.

  • Use any images via Wordpress media tool.

  • Add unlimited galleries per page.

  • Custom prettyPhoto lightbox inclusion.

  • Link to images, internal pages or external sites.

  • Wordpress 3.7 + compliant.



Note: Hover effects not available on touch screens – Social icons disabled on touch screen devices and do not show correctly in Safari, Chrome and Opera browsers.

Tumblr Photoset Grid/Masonry Gallery for WordPress (Galleries)

A plugin help you to add Tumblr Photoset like responsive grid/masonry gallery to your post or page via shortcode.


followrss


See how it works in a YouTube video


video demo

Features



  • Support batch upload, and convert the large image to small thumbnail via PHP automatically, help you to add a gallery in a minute, keep the gallery load fast too.

  • Live preview in the backend, what you see is what you get.

  • Flexibility layout, you can customize each row image number just via a number sequence.

  • Responsive, works fine in the small screen device (like iPhone, iPad) too.

  • You can drag the thumbnail to re-order the item easily in the backend.

  • Optional padding between each image.

  • Optional lightbox or image link.

  • Optional slideshow and slideshow delay.

  • Multiple and unlimited photoset instance on same page.

  • Compatible with latest jQuery and latest WordPress.

  • Enqueue the js and css only when needed. Keep WordPress page size smaller.

  • You can add/edit the chart without touching the code. Customize/update the image with WordPress backend.

  • FAQ and source code are included in the package. Free update in the future.



“Amazing, Powerful, easy to use working with all my themes :)”


sailo

Recommendation for you


Image Map HotSpot WordPress Plugin:


hotspot

Credit



jQuery http://jquery.com
photoset-grid https://github.com/stylehatch/photoset-grid/
Great shots from http://www.flickr.com/photos/markjsebastian/

Rabu, 04 Desember 2013

Ajax Infinite Photo Gallery (Images and Media)

This photo gallery contains the best of the modern photo gallery techniques including infinite scrolling, masonry, and lazy loading. All images are conveniently loaded from a simple XML file.




Features



  • Fully Responsive

  • Load local images or images from internet

  • Plugin architecture for multiple instances

  • Infinite scrolling with XML based data file

  • Lazy loading for better performance

  • Masonry built in

  • Well documented


  • Requirements



    You need jquery for the gallery to function properly. The backend uses a custom file handler built in .net to load the dynamic images from the xml file. Have a c# application or website? No problem. You can easily mix languages within your project. Documentation shows you how.

    Support



    Contact via author page if you need help.

    Updates




    5/18/13 - Version 1 Released