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

Final Tiles Gallery for Wordpress (Galleries)


Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!






NEW Release! Version 1.8 has been published


Enjoy the new features:

  • Filters: Define your own filters for each gallery

  • Bulk actions: delete or assign filters with multi-selection

  • Blank links: now links can have the _blank target

  • Style borders: refine border colors, size and radius

  • Shadow: refine shadow size and color

  • Disallow image enlargement: now you can disable automatic image enargment when it occures.




NEW Release! Version 1.7 has been published

Enjoy the new features:

  • New lightbox added: Swipebox available

  • Add multiple images: select and add many images from the Wordpress media panel

  • Gallery width: set the gallery width

  • Custom CSS: you can easily add custom CSS

  • Custom scripts: you can add scripts to run after gallery initialization

  • Change image size: select the size of the images after you added to the gallery




Tutorial


See a video tutorial showing how to create a gallery in few steps: http://www.youtube.com/watch?v=ic8pFJcMiiU

NEW admin panel





Features



  • No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;

  • Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;

  • Add multiple images: select and add many images from the Wordpress media panel

  • Gallery width: set the gallery width

  • Custom CSS: you can easily add custom CSS

  • Custom scripts: you can add scripts to run after gallery initialization

  • Portfolio: perfect tool for portfolios and photo galleries;

  • Change image size: select the size of the images after you added to the gallery

  • Social sharing: each image can be shared using Twitter. Google+, Facebook and Pinterest;

  • Multiple galleries: you can add any galleries in a post as many as you like;

  • Custom captions: tune the captions setting opacity, animations, color and duration;

  • Advanced admin UI: enhanced administration panel;

  • 5 Lightboxes available: choose your favourite lightbox between Magnific, Colorbox, Fancybox, PrettyPhoto, Swipebox;

  • Gallery management: each gallery is saved in WordPress database so you can edit them whenever you want: you can add, rename, delete and edit the galleries;

  • Custom links: each image can be linked to a custom URL;

  • Zoom: each image can be shown in a bigger format;

  • Filters: Define your own filters for each gallery

  • Bulk actions: delete or assign filters with multi-selection

  • Blank links: now links can have the _blank target

  • Style borders: refine border colors, size and radius

  • Shadow: refine shadow size and color

  • Disallow image enlargement: now you can disable automatic image enargment when it occures.

  • Shuffle: Enable or disable image shuffle;

  • Styling: you have control on margins and snapping grid;

  • CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;


  • Mobile friendly: the script works great on all devices, even mobile, that can run a common browser;

  • Guaranteed support: we alway do our best to help and give support when needed.

  • Updates: we really, really love to hear comments and suggestions for new features, and most of them are added thank to our users.

Rabu, 04 Desember 2013

Socio Motion Photo Face Wall (Social Networks)

A first of its kind plugin to create a dynamic and responsive photo thumbnail wall out of your Facebook friends. Share content with friends just on a click of a tile. Use tons of animation effects to switch between tiles. Configure the number of rows, columns, width, height and everything else you like. The plugin is built 100% using jQuery & love and works everywhere.




Features




1.Responsive by design
2.Share a link to friend just with 1 click.
3.Simplest Facebook authentication.
4.Control the number of photos to display
5.Cool effects
6.Animation speed control
7.Parallel tile movement
8.Hover to move
9.Full documentation & Live demos

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

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

Socio Motion Photo Face Wall (Social Networks)

A first of its kind plugin to create a dynamic and responsive photo thumbnail wall out of your Facebook friends. Share content with friends just on a click of a tile. Use tons of animation effects to switch between tiles. Configure the number of rows, columns, width, height and everything else you like. The plugin is built 100% using jQuery & love and works everywhere.




Features




1.Responsive by design
2.Share a link to friend just with 1 click.
3.Simplest Facebook authentication.
4.Control the number of photos to display
5.Cool effects
6.Animation speed control
7.Parallel tile movement
8.Hover to move
9.Full documentation & Live demos