This is a new release of the Accordion Image Menu Worpress plugin. The plugin allows to use the feature images or the images uploaded to the posts and pages galleries as background for the menu items.
On the previews versions the accordion was based on mootools but its causes a lot of interaction with others popular plugins which use jquery. So, I decided to implement a jQuery Plugin that allows the same functionality and avoid including another javascript framework.
Special Features
- Allows to combine pages and categories and apply order to them
- Can be integrated with the wordpress > 3.0 menus interface
- The plugin uses the medium size image attached to post and pages
- The menu uses the top image from the posts/pages gallery
- You can use it to list recent posts
- Multiple transition effects included (Elastic, Bounce, Sine, Pow, Quart, Back, Circ)
- You can include ‘the title’ of the target pages
- Allows to include multiple menus on your blog
- The menu can be based on posts/pages ids
- Compatible with: Chrome, Safari, Firefox and IE 7, 8, 9
The shortcode
As the plugin is based on WordPress Shortcodes you can include some attributes in order to customize the menu and overwrite the Default Settings saved in the Plugin Option Page.
Here you have the Shortcode attributes list:
position = 'vertical' Orientation of the menu (vertical/horizontal)
type = post' Type of menu list (post, page, menu)
cat = ' ' List post under this categories if type = post
number = 5 Number of post
name ='' Name of wordpress menu (under Appearance)
effect = 'swing' Animation effect based on:jQuery UI Effects
closed_d = 100 Items dimension when the menu is not activated
opened_d = 200 Items dimension when mouseopen
width = '' Width of the menu if it's vertical
height = '' Height of the menu if it's horizontal
duration = 300 Transition timing
border = 1 Border between items
border_color = '#000000' Border color
open = '' Item opened by default (0,1,2,3...randomly)
id = '' Post or Pages Ids separated by comma
Examples
Using the shortcode with these attributes: position, height, open
Code
Shortcode
[a_image_menu position="horizontal" height="200" open=0]
PHP Code
<?php echo do_shortcode('[a_image_menu position="horizontal" height="200" open=0]') ?>
Using the shortcode with these attributes: position, id, open, effect, closed_d, border
PHP Conference Brazil
Google Technology User Group Stockholm
Accordion Image Menu v1.1
WordPress Alphabetical List Plugin – update
WP Thickbox Integration
Code
Shortcode
[a_image_menu position="vertical" id="479,333,303,135,118,428,328" open="randomly" effect="easeOutBack" closed_d=80 border=3]
PHP Code
<?php echo do_shortcode('[a_image_menu position="vertical" id="479,333,303,135,118,428,328" open="randomly" effect="easeOutBack" closed_d=80 border=3]') ?>
Frequently Asked Questions
1- Which images uses the menu?
- The menu use the last image uploaded to the post/page gallery but you can move to the top the image that you want to use.
2- How to insert the Accordion Image Menu?
- The plugin includes a Widget that can be added to your sidebars.
– The shortcode can be used into the content of your posts or pages using:
[a_image_menu]
or in your theme files using php code:
<?php echo do_shortcode('[a_image_menu]'); ?>
3- How many accordion can be used in a single page?
There is not teorical limits
4- The menu allows extenal links and custom images?
No yet, the menu allows to includes pages and post from your blog. If you use WordPress Menus it has to be based on pages, post and categories.
Download
http://wordpress.org/extend/plugins/accordion-image-menu/
Feedback
Your are invited to include your comments and suggestions in the comment box and your support for future improvements by clicking on the donate button.
Pingback: 35 Useful jQuery WordPress Plugins | yahoofizz.com
March 29, 2012 at 11:08 pm
Sorry – didn’t mean to reply to the previous post, it’s a new question.
March 27, 2012 at 11:27 am
having the same problem as Jassi.. The menu automaticaly resizes my images. How do I undo this?
March 29, 2012 at 11:06 pm
I just implemented the Accordion Image Menu and it works perfectly when it’s set to display the most recent posts, but when I set it to display a menu the pictures don’t show. The titles show on mouseover and the links to the posts work, so the menu itself is working. I’m using images that are set as the featured image but not actually inserted into the posts, but the same thing was happening when the images were inserted into the posts.
Thanks, Susan
March 23, 2012 at 2:51 am
When I set a custom shortcode and call the pages by ID, the featured images that it’s pulling are medium size.. I need them full size. What would be the easiest way to do this?
March 18, 2012 at 11:44 pm
I have a problem with the slider. I’m using wordpress 3.3.1 and the slider images are displayed next to each other instead of in the slider. Is this plugin workin with my version of wordpress? if not is there an update available?
Or is it an onther problem? Please check at http://global.goopre.com
Thanks
Pingback: 20 Free WordPress jQuery Plugins
Pingback: 35 Useful jQuery WordPress Plugins | Make Website
February 23, 2012 at 8:08 pm
Great plugin. One question/suggestion though: Is is possible to have two unique ‘accordion image menus’? I would like to have an ‘accordion image menu’ widget on one page featuring different images from an ‘accordion image menu’ widget on another page.
I attempted to create an ‘accordion image menu 2′ by coping and modifying the code to be unique, but was unsuccessful in the end.
February 21, 2012 at 11:03 pm
I have a conflict with other plugin that use jQuery api from google. This plugin works well but the accordion stop working and the images are one behind the other.
Any suggestion?
February 20, 2012 at 9:18 am
Ok thanks for the trick. i finally decided to do it the easy way…