Tampilkan postingan dengan label mosaic. Tampilkan semua postingan
Tampilkan postingan dengan label mosaic. 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

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

Rabu, 04 Desember 2013

Multi Purpose Media Boxes - Responsive Grid (Images and Media)

Multi Purpose Media Boxes – A Responsive Grid of
Images, Youtube / Vimeo Videos, Iframes and HTML


Everything you need in a Media Grid!


This is a HTML | CSS | JQuery Fully Responsive Portfolio in a pinterest style with a lightbox. It will adapt to the width of its container so you can put it anywhere and you can put anything inside the boxes. 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.

The navigation filter bar is generated automatically from the categories you specify to each image.



What You Can Do:


  • Use it like in the live preview to show your posts with images, Youtube / Vimeo videos and a caption box below.

  • Use it as a gallery (only showing images).

  • Use it as a Youtube / Vimeo grid (only showing videos).

  • Use it as a text grid (only showing HTML text).

  • Put anything inside the boxes, each box is independent so you can put in one box just an image, in another a Youtube video, in other one a Vimeo video and a box caption below, etc. make any combination you want!





When you have categories, and if you select a category through the navigation bar, the plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option).



Features:




  • Fully responsive grid and lightbox

  • Lazy Load Feature

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

  • The filter navigation bar is generated automatically from the categories you specify to each thumbnail

  • 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

  • Fully Responsive Grid and Lightbox

  • 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

  • Compatible with Twitter Bootstrap

  • Bootstrap is not be required

  • Deactivate and Activate Features through Javascript Options

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

  • Free Technical Support



----> Update: Nov 26, 2013
Changed the HTML markup for an easier one
Added more examples and themes

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

Regal Media Gallery (Images and Media)

A complete media gallery, with both, images and video. It obtains automatically the image thumbnail for videos, has a nice metro taste user interface. 2 categories levels for organize images and video, 2 views types, mosaic and column view. Include CSS3 animations, drag and drop functionality, theme picker, zoom and has a responsive design.

Spectrum Gallery Plugin (Images and Media)

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment.
It can filter images, and supports multiple filters as well.
It is perfect for portfolio and gallery website design along with its smooth transitions.
Its fully extendable, easy and fast to set up, well documented, and supported.


The Features ?




  • Lightbox -
    Spectrum comes with a lightbox capability right out the box, no setup required.


  • Easy Setup -
    Setting up is ridiculously easy, almost every option has a default; if you want, you can be minimal and just supply the images and tell spectrum where to appear, and boom you’re setup.


  • Any Grid Type -
    Spectrum can support any grid type you want, perfect square, wide rectangle, tall rectangle, tiny little squares, yup no problem. Want to turn your images into thin stripes? It’s got you covered.
    The best thing i
    s no matter how small or big your image is, spectrum will make it fit the grid dimensions you
    wanted. Period.


  • True To Proportion -
    Specifying grid dimensions not your thing? You want to display every image exactly as it really is, no cutting or enlarging? No problem, spectrum has four ways you can display your images, in all their truly proportionate glory, to add a little flavor.


  • Grid Aligment -
    Remember the four different ways to display your images, that’s the alignments, left, right, justified – yup like text – and last but not least(not in the future releases anyways) : filled, which does wonders to make your images always fit. ( just checkout the demos )


  • Tag Filtering -
    No gallery is complete without filtering, and so i guess you could call this gallery complete. Its supports any number of filter tags, it will even supply the “all” filter tag ( which displays all the images in the gallery),
    or you can remove it, change its name, or not think about it. You want multiple tag filtering? You got it, spectrum can handle any multiple tag filtering you can throw it, anyways its fun watching all those images appear when you filter.


  • Smooth Animatins -
    Did i mention that the animations are smooth? They are smooth alright, smoother than your morning 5 a day all tossed in a jug and then smoothefied. There are five animations types to chose from, and more are being added, and 28 easing types to pick.


  • Support -
    Did i mention that it is supported, spectrum gives you lifetime support by me, and headache relief should anything ever go wrong.


  • Upgrades -
    Oh yes and it will be updated and upgraded for eons to come, meaning that you can potentially make a small purchase now that will grow in value with time, and also gives a big chance that any features you demand will end up in there.

Ultimate Grid Responsive Gallery (Images and Media)

Make sure you check out this others plugins as well: (just click on it)









Announcement: If you are having a hard time deciding which plugin to buy (of the grid gallery ones) you can read a little description on the main differences between them on my profile page here



This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for 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.



When you have categories, and if you select a category through the navigation bar, the plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option).




Features:




  • Fully responsive

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

  • The filter navigation bar is generated automatically from the categories you specify to each thumbnail

  • 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

  • Fully Responsive Grid and Lightbox

  • 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

  • Compatible with Twitter Bootstrap

  • Bootstrap is not be required

  • Deactivate and Activate Features through Javascript Options

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

  • Free Technical Support



----> Update: July 18, 2013
IE was showing fat images in the lightbox and now is fix

----> Update: July 15, 2013
Now it has a more simple sintaxis

----> Update: July 4, 2013
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox


You can take a look to the documentation HERE




The images on the live preview were made by my friend named “Gema Ramirez” and you may contact her here:

Griddler jQuery Plugin (Images and Media)

The Griddler jQuery Plugin transforms basic HTML into a fully customizable grid with animated lightbox to display images, video iframes and multimedia content.




Features



  • Fully customizable grid offers limitless layout possibilities

  • Each grid can link to a page or display content in a fullscreen animated lightbox

  • Lightbox supports images, video and iframes of any size

  • Easily customize the look and feel through CSS

  • Responsive layout always fits your content area

  • Supports all major browsers: IE8+, FF, Safari, Chrome and Opera

  • Limited HTML markup lets the plugin do all the heavy lifting

  • Limited support for IE7



Changelog:


v.1.0



  • Initial release



v.1.1



  • New redesigned percentage based, fully responsive layout engine

  • Bug fixes

  • JS performance enhancements