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.
Total downloads: [download#7#hits]
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:
- 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.
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.
@logicalnot – you need to modify the attached css files to make photo galleria fit the width of your site.
[...] Photo Galleria [...]
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!!
[...] Graph Paper Press has recently released F8 and F8 Remixed, a pair of themes which will turn your WP site into an image or multimedia portfolio with the help of the Galleria javascript image gallery script. (Graph Paper Press has also developed a separate WP plugin for Galleria). [...]
[...] Photo Galleria [...]
great work! a wonderful plugin, thank you.
Great plugin, can’t wait to try it out!
[...] Photo Galleria Plugin for WordPress | Graph Paper Press (tags: wordpress gallery plugin) [...]
Very cool…
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
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
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?
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.
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?
@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.
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?
@ 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.
[...] | Graph Paper Press Junio 25th, [...]
[...] et non pas des moindres, je souhaitais vous présenter Photo Galleria, une superbe plugin pour créer des galeries sur votre blog. C’est le plugin qui équipe un [...]
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.
I like the theme of your blog This is a job well done and this is great advice, Thankyou!
[...] To take it a step further… he also developed one hell of a great gallery plugin for WordPress, which you will find here. [...]
People should be sharing more free things like this. Its what keeps the Internet buzzin’.
This is a good Gallery
[...] of the most interesting ones I came across is the Photo Galleria dealio. Photo Galleria is a simple, yet elegant, plugin for photographers, designers and [...]
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?
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.
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.
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.
For me as a photographer is useful information! Thank you!
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]‘.
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
The Demo link doesn’t work…
I could not get the demo link to work either!!!
Link is very deadish…
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
got a crazy problem. photo galleria spans my pages when used with Monochrome Lite.
I have a couple of static tables in the sidebar, but they seem to be ok – all proportional. they do work with all the other content. but if I insert a gallery the sidebar goes… “downstairs”:
page:
http://www.albertodottavi.net/about/events/
post:
http://www.albertodottavi.net/technology-drive/
any hint about this? thanks a lot
PS and, oh, thanks
really great job with themes and plug-ins. love ‘em
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.
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.
Hello Thad,
I am into this problem as the previous user that the main image doesn’t load until one image is clicked from the thumbnails.
I have tried the normal workarounds on the internet as making <li class=”active”… but it does not work for me …
I am very much frustrated as I have been trying a lot.
I would be very thankful if you can tell me the workaround for it …
I am really stuck!
Many Thanks !!!
Photo Galleria is one of the better plugins that i’ve come across recently and i think i should be able to incorporate it into my Gustav Klimt Blogs reasonably easily.
Hi,
thanks for this great plugin! i was able to integrate it with jcarousel for a clients blog!
could have never happened without this plugin, so thank you!
pvf