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

Twitter Timeline Slider - jQuery Twitter Wall (Social Networks)





Get more followers via Twitter Timeline Slider!




This plugin give an opportunity for the visitors to Follow you or Reply, Retweet and mark as Favorite your tweets through your own website. When someone retweet, reply or mark as Favorite your tweet, that will display for the other users and they can easily follow you and visit your website. With this trick, you can get much more visitors and followers, therefore your website traffic can be increased much more. You can lock the screen and set up a timer or you can allow for the users to close the slider. If you don’t allow to close the slider, it still opened until the visitor reply or retweet any of your tweets.
More followers, retweets, more visibility on Twitter, much more audience.





  • fully responsive

  • ability to lock the screen until the user reply or retweet any of your tweets

  • fixed slider position

  • automatic slide-in when the users reach the bottom of the page

  • you can enable or disable the user can close the slider

  • ability to set up timer to fadeout the slider

  • you can specify your own notice

  • viral spreading, much more audience, fans and traffic to your website

  • fully localizable Tweet box with auto detect language, but you can choose from more than 100 languages manually

  • selectable position of the slider (left or right)

  • you can set up to open the slider automatically at the bottom of the page just once per user

  • set the number of tweets to display

  • dark and light style

  • fancy jquery animation with fadeout and easing slide effect

  • option to disable the slider on the entire website and enable it on a specified page with adding [enable_twitter_timeline_slider] code to the content

  • full detailed documentation

  • transparent background when the screen locked, ability to set the transparency

  • unlock the screen with click on the background (if you allow to close the slider for the users)

  • option to disable the slider on a specified page with adding [disable_twitter_timeline_slider] code to the content

  • full customizable separated CSS file

  • you can hide or show the Twitter icon and you can replace it to your own logo with a simple setting

  • attractive shake effect, you can disable or set frequency timer to shake (from 5sec to 5min)

  • three different icon size

  • set the icon vertical position

  • auto open the slider if you want, when the users reach the bottom of the page

  • mobile-friendly slider, work on tablets and mobile devices

  • lightweight scrollbar to display the former tweets








Demo pages:






Credits


I owe a big thank you for the following websites:

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

jQueryFacebookWall (Social Networks)


jQueryFacebookWall is a jquery plugin that will build a timeline or wall style post feed on your website with your Facebook account data. jQueryFacebookWall includes options to show events, likes, photos, and albums. It also includes a Facebook style lightbox to browse photo galleries. And best of all, it has user interactions so photos, posts, and comments can be liked or commented on. See it in action at http://ironlasso.com/jqueryfacebookwall-plugin/



New Features


*Now does not require php!




Updates



August 23, 2013



  • Updated Facebook Login Permissions Requests. Some users where having when trying to like or comment on lightbox images.


    jQueryFacebookWall.js line 1036




  • Safari Long Date Display bug fix. jQueryFacebookWall.js


    jQueryFacebookWall.js line 1098-1103




  • Added a click event to set focus on the comment box from the comment link in the lightbox.


    jQueryFacebookWall.js line 270-281






August 18, 2013



  • FB Graph change causes like count to display as ‘undefined’.


    Fix changes to:


    jQueryFacebookWall.js line 661, added a summary field to likes


    "&fields=id,comments.limit("+$this.options.comments.limit+").fields(id,created_time,like_count,from,message),status_type,picture, full_picture, source, properties, name, caption, description, link, from,message,story,likes,object_id,shares"+

    replace with

    "&fields=id,comments.limit("+$this.options.comments.limit+").fields(id,created_time,like_count,from,message),status_type,picture, full_picture, source, properties, name, caption, description, link, from,message,story,likes.summary(true),object_id,shares"+



    templates/story.ejs line 79, display like count from summary field.


    <% if(this.likes){ %><%=this.likes.count%><% } %>

    replaced with

    <% if(this.likes){ %><%=this.likes.summary.total_count%><% } %>


    If your interested in the FB graph change details see https://developers.facebook.com/blog/post/2013/06/26/october-2013-platform-changes


    You can replace the entire files if you have not done any custom work to those files, otherwise I suggest finding that code and replacing it. Sorry for the trouble.







June 27, 2013


  • jQueryFacebookWall.js Updates to debugging options. Pops an alert if the Facebook App Access Token is invalid.

  • Updated where the App Access Token is stored. Changed from .php to .html so plugin doesn’t require php.

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:

Twitter Timeline Slider - jQuery Twitter Wall (Social Networks)





Get more followers via Twitter Timeline Slider!




This plugin give an opportunity for the visitors to Follow you or Reply, Retweet and mark as Favorite your tweets through your own website. When someone retweet, reply or mark as Favorite your tweet, that will display for the other users and they can easily follow you and visit your website. With this trick, you can get much more visitors and followers, therefore your website traffic can be increased much more. You can lock the screen and set up a timer or you can allow for the users to close the slider. If you don’t allow to close the slider, it still opened until the visitor reply or retweet any of your tweets.
More followers, retweets, more visibility on Twitter, much more audience.





  • fully responsive

  • ability to lock the screen until the user reply or retweet any of your tweets

  • fixed slider position

  • automatic slide-in when the users reach the bottom of the page

  • you can enable or disable the user can close the slider

  • ability to set up timer to fadeout the slider

  • you can specify your own notice

  • viral spreading, much more audience, fans and traffic to your website

  • fully localizable Tweet box with auto detect language, but you can choose from more than 100 languages manually

  • selectable position of the slider (left or right)

  • you can set up to open the slider automatically at the bottom of the page just once per user

  • set the number of tweets to display

  • dark and light style

  • fancy jquery animation with fadeout and easing slide effect

  • option to disable the slider on the entire website and enable it on a specified page with adding [enable_twitter_timeline_slider] code to the content

  • full detailed documentation

  • transparent background when the screen locked, ability to set the transparency

  • unlock the screen with click on the background (if you allow to close the slider for the users)

  • option to disable the slider on a specified page with adding [disable_twitter_timeline_slider] code to the content

  • full customizable separated CSS file

  • you can hide or show the Twitter icon and you can replace it to your own logo with a simple setting

  • attractive shake effect, you can disable or set frequency timer to shake (from 5sec to 5min)

  • three different icon size

  • set the icon vertical position

  • auto open the slider if you want, when the users reach the bottom of the page

  • mobile-friendly slider, work on tablets and mobile devices

  • lightweight scrollbar to display the former tweets








Demo pages:






Credits


I owe a big thank you for the following websites:

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