Accordion Image Menu V 2.0
A picture is worth a thousand words
This is a new version of the Accordion Image Menu Plugin that fixs some bugs and includes new features.
New Features
- Horizontal and Vertical position for the menus.
- You can include more than one menu in your pages.
- The shortcode allows several options.
- Title background option included.
Example
This example use the following options:
cat=”6″
position=”horizontal”
number=”5″
element_open=”1″
fixed_d=”190″
open_d=”240″
closed_d=”100″
effect=”Back”
Shortcode Options
a-image-menu option=”values”
position
vertical/horizontal.
number
Number of post (Recent Posts). If you use this option or the the option cat this shortcode will work just for the list of recent post.
cat
Post under categories separated by comma.
effect
Back, Bounce, Cubic, Elastic, Expo, Pow, Quad, Quart, Quint, Sine
close_d
Elements dimensions when the image is closed
open_d
Elements dimensions when the image is open (mouse over)
fixed_dim
Menu dimension that not change width for vertical height for horizontal
duration
Duration of the closed/open movement (milliseconds)
border
Border between elements
element_open
Element opened by default (1,2,3,4,5.. randomly)
title_bg
Use background for titles
Use
Just include the shortcodes in your post/pages or theme files. In the first release post you can find more details.
Download
accordion-image-menu on wordpress
All suggestion and comments are welcome.




Hey Alain, not sure what you can do to help me with my issue with the plugin but I’d appreciate you taking a look at it.
I recently copied over the XML from one WP install to another and setup the plugin on a new server. I had some old posts, and now the links are messed up for every post featured in the plugin. Also, there’s a Jquery issue somewhere keeping the images from scaling properly. Would appreciate you taking a look here http://btyblog.com
Thanks.
Im using the php echo do_shortcode method
[a_image_menu cat=”5? position=”horizontal” number=”5? fixed_d=”190? open_d=”240? closed_d=”100? effect=”Sine”]
Hey guys, i’ve tried inputting the custom flags for the shortcode and it does not seem to be working for me. Can anyone chime in and tell me what I’ve done wrong?
fyi – this works for me.
The custom flags arent working for me.
Hi, Your plugin is really fantastic !!!
I have a question of this pluging.
I need know, how to use this plugins 2 times? I need insert in a page, a accordeon image menu with images or pages, but too i need insert on other page a accordeon image menu with others images or pages.
On other case, how duplicate this pluging?
Thanks!!!
@MK
It could be simple, just using get_post_custom_values($key, $post_id) where the menu take the post image. I will include this new feature soon.
Thanks.
Hey,
I’m trying to use the plugin on my site (running on ArrasTheme – same as dgodfather, I understand), and my theme uses a custom field to attach an image to each post (so ther image doesn’t actually appear in the body of text, so the plugin can’t find anything to display). How can I hack the plugin so that it uses this custom field to assign an image?
Cheers,
M
@Travis
Sorry error typing. Check all the options and insert the shortcode where ever you want.
Previews version
@Alain
Hi Alain, your link doesn’t work. Right now I have configured it for the sidebar and I only want to change a few things to put it in a page. This is what I am using: [a_image_menu open_d=”200? closed_d="92"]
Is this the correct way to set it up? With this setup it shows everything correctly but the javascript doesn’t work. It works correctly without the options added. Any ideas? Thanks.
@Travis
Using the shortcode and the options, go to the previews post for more details.
Hi, Great plugin. How do you use it multiple times? ie. I have it on a page (horizontal) and I also want it in the sidebar (vertical). Thank you.
My previous reports are untrue…
I believe I’ve finally figured out my problem but I’m still confused as to why it does what it does.
Results:
I’m using the http://www.arrastheme.com theme and it has a custom field named “thumb” which inserts an image into the post at the top with predefined values. For some reason the accordion menu pulls some of them fine but some of them it doesn’t.
I’m hoping that the new version (coming soon) of the theme which uses the new wordpress thumb function introduced in 2.9 will correct this problem.
@anna
Looks like and interaction problem with another plugin that is using jquery. Try uninstalling the others.
I am having the same issue as one of the previous commentors: I see the images but they don’t expand. Please help!
@Alain
i have replace
it show
Parse error: syntax error, unexpected T_STRING, expecting ‘)’ in C:\AppServ\www\tour1\wp-content\plugins\accordion-image-menu\accordion-image-menu.php on line 104
@Rashell
The plugin uses the last image posted. If you want to use the first one find this line on the plugin file “‘order’ => ‘DESC’,” and replace ‘DESC’ by ‘ASC’
Just a quick question. I’m using the Photosmash Gallery where users can submit photos to the blog. Each of my posts have an original image then a bunch of user contributed images. It seems with the Accordian Image Menu that the image background is taken from any of the images in the gallery. Is it possible to make it stick with the first image posted to the article?
Thanks much,
Rashell
Any update on this Alain?
@Alain
Hmm… Well I did that and it’s still there. Using Firefox. Would I need to clean the cache?
@dgodfather
On this file:
http://trusupremekillaz.com/tskgaming/wp-content/themes/arras-theme/css/styles/default.css
and
http://trusupremekillaz.com/tskgaming/wp-content/themes/arras-theme/css/blueprint/typography.css
@Alain
I assume your talking about…
}
.imageMenu a:hover, #imageMenu ul li a:visited{
text-decoration:none;
}
in the css file? I can delete this all together?
@dgodfather
Let me test it and I will post back.
In your site you can delete “the text-decoration:underline” on the menu links to avoid the little line on the left.
Thanks.
I think I might have figured out some problems with this plugin. Are these problems possible Alain?
1. If you don’t select any category when creating a post it doesn’t show in the menu.
2. If you update the post and assign new categories the plugin doesn’t adopt those changes.
@ednerd
Sorry, the plugin works globally for pages. You can define pages on the option page only.
Great plugin! Is there some sort of shortcode to specify the pages used in the menu? I want to be able to put 2 different page-based accordion menus in 2 different places. Thanks in advance!
I like this plugin a lot, and I’m trying to set it up with my Mandigo theme. The problem is that if I put it in the left sidabar it will not “slide open” when the mouse is voer the meny item. Any ideas of what to do?
/Fredrik
I have all of my categories selected to display via the options. All post are in at least one category. Currently the menu appears to skip random posts for some reason. Any ideas as to why some posts aren’t displaying in the menu?
@Rich
It doesnt seem to like picking up my archive & walls pages?
Id rather these instead of shop & events, there are images on all pages?
Any ideas why it might not be working?
http://www.peacefulprogress.co.uk/art-work/
Images are served via NextGEN gallery, could this be conflicting? Shame if so, sick plug-in!
Thanks,
Rich
@leepton
For the links the plugin is using $post -> guid something like “url…?p=234″ maybe you have a problem on your htaccess or url rewrite.
Thanks,
hi all,
excellent plugin i love it!
… i’ve only a question referred to the linking system with the recent post show on the accordion
problem: when i clik the image for open the post shown it return null
information: i use this typa op premalinks : /%category%/%postname%.html but i had the same problem also with /%category%/%postname%/
Does any one have or have had this same problem and can drive me out from this embrassing issue?
Hi, I have just installed this plugin. It doesn’t work at all. I then put 1 image in each of 5 pages. It only picked up 1 of them. No idea at all what is wrong. Anyone can help please? I am just trying to do a stat site using wp.
i cannot see the plugin in iexplorer 6, on mozilla works fine, but my client uses explorer 6 in most of their pcs, and the space where the widget is assigned appears empty, but in mozilla works fine!
@Didier
I found my mistake: pages do not have associated images! I have added 1 image per page and it is OK now.
Hi, is it possible to run this plugin with blogger?
What packed mootools.js version were you using? I have tried 1.2.4 but for some reason, it was not working. Great work, by the way. =)
@Arjan
This could be a bug, thanks.
@Arjan
Another issue: the title of the widget disappears every time you make an adjustment to the settings of the plugin; you have to go back to the widget to enter the title again
@Arjan
I don’t know much about PHP, but I hacked accordion-image-menu.php and added the subdirectory /wordpress (lines 67 – 71, 3x); now the plugin is working
I am just wondering: get_bloginfo(’url’)=> does this call the blog address or the wordpress address.
My setup:
Blog address = http://adrift.ug
Wordpress address = http://adrift.ug/wordpress
You should make sure the Wordpress address is called and not the blog address.
@Arjan
Then you just need to include the new path on the header or on the plugin for this two js files:
http://adrift.ug/wordpress/wp-content/plugins/accordion-image-menu/js/accordion-image-menu.js
http://adrift.ug/wordpress/wp-content/plugins/accordion-image-menu/js/mootools.js
@Alain
Sorry, copying from the header did not work; the path in the header is http://adrift.ug/wp-content/plugins/accordion-image-menu/js/accordion-image-menu.js instead of http://adrift.ug/wordpress/…..
@Alain
I have activated the plugin again (had it switched off, since it is not working properly) and see that the path for the javascript file is not correct; WP core files are in subdirectory ‘wordpress’ and not in the root of the domain.
This is what is in the header:
.broken_link, a.broken_link {
text-decoration: line-through;
How can I correct this ?
@Arjan
The first time I saw your site looks like the javascript files wasn’t there. At this point you can find the javascript links on the header for example “accordion-image-menu.js” and open it to see if the path is correct.
@Arjan
OK, I found the record for your plugin in the option table (a_i_m), deleted it and reinstalled the plugin => the result is still the same; any suggestions?
I’m still having the issue with the menu not grabbing the latest posts.
http://trusupremekillaz.com/tskgaming/
The post from Oct. 29 & Nov. 16 are both in categories that should be shown on the menu (according to the plugin options) but the menu shows the post from Oct. 29 as the latest. Any ideas?
@Alain
I don’t really recognize any records relating to your plugin. What is the option_name ?
Or what do you suggest I can do to get the plugin working again properly.
@Arjan
That is saved on the database under options.
@Alain
When I completely uninstall the plugin (deleting the files) and then reinstall and activate it, it still has the settings from before, also the widget is back at the sidebar. Where are these settings saved ?
@Alain
Alain, I already tried that before, but no result
@Arjan
You are losing some javascript files. Try uninstalling/installing the plugin.
I developed a new site with Wordpress under a sub directory on the server and was using your plugin without any problems, today I removed the old site from the root and moved the WP index.php to the root, changed to Blog address to the root directory’s URL; access to the new site is now through the root URL. Everything is working fine, except your plugin (I am using it as a widget in the sidebar); the menu links are visible as a list with pieces of background pictures, accordion effect is no longer working.
I removed the plugin and reinstalled but this does not have any effect.
How can I solve this problem?
See menu at bottom of the sidebar at http://adrift.ug
Hi, can this widget be used for multiple instance? i.e. to be used more than once on different sidebars? it currently disappears off the widget menu when used once. thanks!
Hello, I am trying to include your accordion menu in my website.
When your menu is in the closed state, the default position of each image is its own center. I wanted to know if it was possible to display the left side of the image, for exemple, in your florida image, see naples instead of west palm beach.
thanks
Sergio
I am not able to use it to display only pages.
Hi is beautiful world is firs time i visit your sit
Good job and nice design
@Sean
I see a “p” element inserted inside of the menu elements. You can fix this including this styles:
.imageMenu p {
margin:0;
}
Thanks,
Hello,
Great Plugin!!!I am having a little bit of trouble though. For some reason the first image in the menu is a little bigger than the rest of the images. Please let me know if you have any suggestions on how to fix this. For testing purposes I put the menu at the bottom of my about page at http://libertyandpride.com/about/
I have been working on a new website and implemented a JQuery featured content slider myself, using Easing 1.3.
After that this sidebar didn’t open(expand) the images on rollover. Could there be a conflict between the two? Is there a solution if they are both loading or using Easing to cause this?
Or what might be the reason? Everythin else works fine, the text shine affect works on rollover. It’s only the expanding that’s not working.
@mugger
Try uploading flat color images as background.
Can this accordion be used for text instead of images? I’d like to show Pages this way, by groups.
@Phaethon
@Phaethon
Try uninstalling the others plugin to see if you have interactions.
Hello, still not able to figure out why the accordion feature isn’t working. It’s just static with the titles appearing on mouse-over, but no animation for image size change.
Hello,
Works fine ,
Thanks a lot.
@Alex
If you are using the plugin for categories it will deploy just one image. Include pages or try the “last posts” option.
my blog is by.nedeek.com
Hello,
Sorry to disturb you again !!! I following all the instructions but only half an image appears ! only 1 image instead 5 !.I m using wp 2.8.5.
if you need my password to access to my blog ,no problem !
Thanks
For some reason the menu is not expanding. All I get is the fade effect of the title. Any idea what could be wrong? I’m using WP 2.8.5 and I have a few jquery based plugins already.
@Alex
The plugin use the medium size images generated after uploaded it to a post.
Thanks
Hello,
Your plugin is really fantastic !!!
What kind of images size I have to upload ?
All the best,
Alex
Okay, so the menu items are pulled from a category.
But where are the menu images puller from?
Thanks.
In WordPress, under Settings, the “Use” section says:
“On the content using: [a_image_menu]”
Maybe I am just illiterate, but I’ve placed “[a_image_menu]” into the content of a page, but nothing happens. Is this how I am supposed to use it? An example would be nice. Thanks.
@Alain
FYI – using WPMU
At website http://trusupremekillaz.com/tskgaming the widget is functioning but not using the latest post. All links are correctly matched with their posts in the image menu.
At website http://trusupremekillaz.com/tskgaming/clan the widget isn’t working at all. I’ve published the posts from the above blog using Kish Multi WP plugin.
Would like to see more such plugins !!!
@dgodfather
If you click at the top of the menu will go to the home where is the last post.
@dgodfather
Just go to that site to find your answer. I do my best to support these plugins.
http://trusupremekillaz.com/tskgaming/clan
The posts are ignored entirely on this website. Options have been double checked. It should be noted that these post were pulled from another blog.
For whatever reason the plugin is not pulling the latest posts to the menu. Options have been double checked and are correct.