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.
February 18, 2012 at 11:24 pm
Hello I have a question.. Light be a little silly…
I want to use this slider like done so here..
http://www.el-indio.com/
not linking anywhere just the same images. i do not want the images to be pulled from posts.
Any thought?? Greatly appreciated.!!
February 13, 2012 at 2:30 pm
Got it… For those who comes up with this in future .. THERE IS A OPT IN ‘CSS’ YOU WILL JUST NEED TO CHANGE IT TO CENTER TO TOP.
Thanks… Love it..
February 13, 2012 at 1:39 pm
Hi,
is ist possible to show tha page name not horizontal but vertival?
Thanx Tameer
February 13, 2012 at 2:56 am
Or anyway we can set image will stay at default?
I Already have Title on image. that i want it to shown every time. And when i roll over underneath i have image according to Title(subject).
I would like to see if this opt any way we can setup.
Please reply me I will be looking forward for your reply.
February 13, 2012 at 2:44 am
Great Plugin. Easy to setup. Quick question. Is there any way to hide Post Title on mouse over??
Pingback: 35 Useful jQuery WordPress Plugins | web.yahoofizz.com
January 18, 2012 at 3:06 pm
hello,
great plugin really nice but i tried to change the dimensions of the images and they remain at 200*300 even if :
- i change the medium_size in the general settings
- i change the get option in the php file to the size i need
do you have any clue to help me solve that problem ? thanks in advance for any answer.
all the best.
February 8, 2012 at 11:53 am
I deal for a while with the problem of small images (medium thumbnail size) .. and this is what i did
and i upload imagens with the exact size i want.
i change the line of the php file of the plugin in the sectio
/**
* Get thumbnails
*/
i changed
$img = wp_get_attachment_image_src( $thumbnail_id, ‘medium’ );
for
$img = wp_get_attachment_image_src( $thumbnail_id, ‘full’ );
it works for me
February 8, 2012 at 12:04 pm
Ok… i understand now better the problem.. after chage size in general settings… new sizes will be able for NEW upload images…. the images in your gallery of before allready got their medium thumbnails generated.. and will not be resize… so … there ar plugins to regenerate thumbnails.. or you can simply delete imagen from gallery and upload it again.. .. and insert on featured imagen of post.. of course
January 13, 2012 at 8:29 am
I am using the image menu V3.1.3 in wordpress 3.3.1 and i´d like to use it an more than one page.
My question ist how to select the pages in the stting for the second and third menue.
Can you tell me?
January 12, 2012 at 2:20 pm
I am using the image menu V3.1.3 in wordpress 3.2.1 (atahualpa theme). I cannot get the animation effect in the menu. The images show up at their full size and work as links, but without any effect from any setting changes, including width. I have tried including and not including the jquery library (checkbox); I do have other jquery plugins running.
Any troubleshooting ideas?
Pingback: Wordpress by zal3a - Pearltrees