Photo Galleria Plugin for Wordpress
Photo Galleria is a simple, yet elegant, plugin for photographers, designers and Wordpress 2.5 users alike who want to beautify their Wordpress photo galleries using the jquery framework. The Photo Galleria plugin synchronizes Galleria with Wordpress’ built-in media manager. Simply upload photos as normal and the Photo Galleria plugin will create a photo gallery with fade-in and fade-out effects common on flash-based websites. All the transitions happen inline without having to navigate to multiple Wordpress attachment pages. Pretty neat, eh?
Photo Galleria displays the thumbnail images that Wordpress creates for you and displays the original, high resolution uploaded image. Both are constrained proportionally via css. You can control their display size via the two CSS files included with the plugin. By default, the thumbnails display at 125px by 125px square and the image displays at 950px wide. Virtually every aspect of the presentation of Photo Galleria can be controlled via CSS.
DOWNLOAD
Total downloads: 1991
Resources
Photo Galleria Wordpress Plugin Forum
Galleria
Galleria Forum
Before you start
- This plugin uses the jquery javascript library. Occasionally, jquery and other javascript libraries don’t play nice together. If your plugin doesn’t work, make sure you don’t have a plugin that installs conflicting javascript libraries into the head of your site.
- Possibly the best solution to help ensure your javascript libraries stay updated and don’t conflict with other libraries is to install Google AJAX Libraries API Plugin. Then, delete the javascripts from this plugin and from the head of your site. Finally, add something along the lines of the following to your themes functions.php file:
if(function_exists(’wp_enqueue_script’)) {
wp_enqueue_script(’jquery’);
}This will then load the jQuery library for your theme in a manner that will make changeable to the google libraries by the plugin. - from Barry, plugin author.
- This plugin uses the jquery javascript library. If you already have jquery installed, you might want to remove this code from the plugin:
<script type='text/javascript' src='".get_bloginfo("url")."/wp-content/plugins/
photo-galleria/js/jquery-1.2.6.min.js'></script> - Support Forum
Plugin Development To Do List
- Enable “active” class on linked thumbnail images. This will enable a default main image to load, instead of thumbnails.
- Debug Mac Firefox DOM issue. On Firefox (Mac), the thumbails load briefly behind the main image.
- Make main image use the medium size image, not the original
Donate via Paypal? thad at thadallender dot com
Tested with Firefox (Mac & PC), Safari, Internet Explorer 7.
June 4th, 2008 at 2:47 am
It looks promising.
But the gallery doesn’t display the same way depending on the chosen template. Most of the time the gallery is just plain ugly — ex: completly offset on the sidebar.
June 4th, 2008 at 4:47 am
@logicalnot - you need to modify the attached css files to make photo galleria fit the width of your site.
June 5th, 2008 at 10:20 am
WOW!!!! this is just what I’ve been looking for.. so simple to use and elegant. It also works on older posts that have images. this is awesome!!
June 6th, 2008 at 4:44 am
great work! a wonderful plugin, thank you.
June 6th, 2008 at 10:10 am
Great plugin, can’t wait to try it out!
June 8th, 2008 at 9:56 pm
Very cool…
June 9th, 2008 at 1:56 am
I should’ve read your ‘to do’ list as I’ve just spent considerable time trying to figure out how to display the main image at load
I found this during my research:
http://devkick.com/talk/topic/62/
In my opinion, your plugin needs to display the main image first and glad to see it is number 1 on your to do list
June 11th, 2008 at 2:16 pm
Thad, I did a small change in your plugin. It may help who wants that the gallery loads the first image. Also, it gives a different markup for home and categories (just showing the first image).
I created a discussion in your forum. Files are there.
http://www.peqno.com/Cc5c6
Example is here:
http://www.cumplice.net/wp_teste/?p=19
June 12th, 2008 at 12:07 pm
i’ve just upload photo but i found this message:
“The uploaded file could not be moved to /mounted-storage/home70b/sub004/sc40547-CMVP/mes56.com/wp-content/uploads.”
can you tell me how to resolve this?
June 13th, 2008 at 12:56 am
Thad, I would happily donate to your plugin if it displayed the main image as well as thumbs, not instead of.
Displaying a main image is fundamental to Galleria.
June 14th, 2008 at 4:09 am
I can’t seem to figure out what I am doing wrong, the plugin wont work for me.
I uploaded the file to plugins folder, activated it, used the google API AJAX plugin and activated that, deleted any Javascript from the header and from the Photo Galleria plug in.
When I upload images and click insert gallery all I see is a next and previous button but I dont see any images?
Any one any ideas what I am doing wrong?
June 14th, 2008 at 7:08 am
@garrison - This isn’t so much a plugin issue as it is a Galleria issue. To my knowledge, it is impossible to use both the “active” state and custom thumbnails. I’ve attempted to ask the developer about this, but can’t get a response….which I translate to mean it aint possible. Without the ability to use custom thumbnails, page load times dramatically increase, as does the flexibility to use thumbnail size specified from within WP.
@Jay - check to see that you don’t have two JQUERY’s in the head of your site.
June 15th, 2008 at 2:42 am
Thanks Thad but are you saying it’s impossible to do in WordPress?
The demo on the developer’s site shows the main image from load AND thumbnails at the same time. In essence that’s the whole selling point of Galleria.
I’ve seen an example of Galleria being successfully implemented on this WP blog:
http://blogthemesplus.com
Main image loads, and then thumbnails. Is this possible to achieve with your plugin?
June 22nd, 2008 at 7:02 am
@ Garrison - No, it is possible. Originally, I built the plugin with this functionality. I removed it because I wasn’t able to load custom thumbnails simultaneously with the active state. Outside of the WP code, it is easily possible to load custom thumbs and the active state.
I personally preferred giving readers the option of choosing their own entry point. In future editions, I’ll likely package this into an option checkbox within an photo galleria admin page. This, as it stands, is the beta release.
July 4th, 2008 at 3:29 pm
at the version i downloaded, it seems like the last is not closed, so instead of
$output .= “\n\n”;
it should be:
$output .= “\n\n”;
after that everything worked fine for me. thanks - was exactly what i needed.
July 21st, 2008 at 8:37 pm
I like the theme of your blog This is a job well done and this is great advice, Thankyou!
August 5th, 2008 at 5:49 pm
People should be sharing more free things like this. Its what keeps the Internet buzzin’.
August 22nd, 2008 at 9:15 pm
This is a good Gallery
September 3rd, 2008 at 4:57 pm
Is there a way to switch the position of the image and the thumbnails? say i want the thumbnails smaller and stacked to the left with the image next to it. or the image on the bottom with the thumbnails floated on top.
where would i edit that. theres nothing in the CSS of that nature and im not too good at editing jQuery/js/php.
any help?
September 12th, 2008 at 7:24 am
Nice try but there are some things that really don’t work well on this. First off, it loads all main images in the background so if you have multiple posts on a page, the page takes forever to load. Also, if you have multiple posts per page that have images, posts lower on the page load the main image in the space reserved for the first post. Very confusing for the user and impossible to navigate.
September 15th, 2008 at 8:54 pm
My students and I are having the same problem as Jay. We’ve installed the Google AJAX plugin and deleted the two instances of javascript in the plugin.
When the page loads, there is still a Galleria-related jQuery in addition to the one generated by the Google AJAX plugin, but I can’t see how it’s still being applied:
jQuery(function($) {
$(’.gallery’).addClass(’galleria’); // adds new class name to maintain degradability
$(’ul.galleria’).galleria({
history : false, // activates the history object for bookmarking, back-button etc.
clickNext : true, // helper for making the image clickable
insert : ‘#main_image’, // the containing selector for our main image
I’ve looked at my header.php file for the Options theme, but don’t see any javascript that’d be conflicting, unless it’s courtesy the Smoothgallery plugin that came with the theme, though that doens’t look like it runs jQuery.
September 15th, 2008 at 8:56 pm
I should add that this plugin looks like it rocks and has my students psyched to get using it. They’re very excited to get this Web site going and a good part of that is the gorgeous innovation this plugin will bring to the site. Thank you for creating this.
September 16th, 2008 at 2:02 am
For me as a photographer is useful information! Thank you!
September 21st, 2008 at 8:30 am
Hi Please Can you help me. I’m currently testing wordpress 2.6.2 on my website - http://www.littlecuriosityshop.co.uk/wordpress. I installed Galleria from the wordpress plugin database - http://wordpress.org/extend/plugins/galleria-wp/installation/
I followed all the instructions, but don’t understand how to follow step 5 in wp 2.6.2 admin
5. In your post/page, describe short code tag ‘[galleria]‘.
September 21st, 2008 at 11:36 am
Hi I’ve managed to get galleria to work on my site. How do I make the numbers on the thumbnails disappear? Do I have to edit something in the css file?
Thanks
Judi
October 6th, 2008 at 11:05 am
The Demo link doesn’t work…
October 10th, 2008 at 4:20 pm
I could not get the demo link to work either!!!
October 14th, 2008 at 2:10 pm
Link is very deadish…
October 15th, 2008 at 1:51 pm
I’m a novice at this but when I activate the Gallaria plugin - it breaks the Modularity theme. Basically my home page then stops having a slide show, makes “image1″ full size and static, and breaks the slider below.
Any advice would be much appreciated as I really want to use this but can’t without messing up my site: http://www.melbourne-photographer.com
November 5th, 2008 at 12:03 am
The demo link is down, but you can still download the .zip if you “register” and “log in” to the Graph Paper Press site itself.
November 6th, 2008 at 4:52 pm
I want to add the gallery directly into the loop on the single.php file. I can’t use the [galleria] shortcode on the post content because the post gallery needs to show up in a separate tab that I have manually added to my posts.
I tried but it didn’t work. I will really appreciate if somebody can help me to do this.