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.




@ryan
I have the same problem, interested in any solutions to fix so it’s animated. I get images and sorting works but it’s not sliding.
request, add not only “latest post” but the current posts it has in the loop. so if I am on page 5, I see the posts medium images, good for like navigation menu.
maybe add opacity transition, default opacity: 0.5;
active opacity: 1.0;
would be nice.
The accordion effect is not there.
How can I make it so that the title is there all the time on the “open” view? Right now it’s only there on mouseover and I don’t want the tile on all the views, only “open”.
How do I get this working? Using in 3.0.1 with twentyten theme. Where do I specify which images to use? I add it as a widget but nothing shows up but the title.
I found this plugin to be extremely useful. Great for customizing your website
Great plugin!
Not compatible with 3.0.1 though?
I insert the widget but I see nothing on the side! Do I need to have more than 2 pages or posts? I am using it in a test site which almost “empty”
Thanks!
Hi and thanks for the plugin.
How can I use it with thumbnail images or insert images throught custom fields?
It will be very useful if the plugin accept custom field information.
Regards.
How would I go about setting the menu to auto-play? Some sort of on.load javascript code I assume, but what events would I need to call?
i’ve been looking for good looking plugins all day. accordian image menu v.20 is one that stands out from the crowd. just luv it.
thanks for this awesome wp plugin
Hi,
Is it possible to resize pictures on the left and not simply on center ??
Thanks
Does anyone know why my menu is acting up? I deactivated all plugins using jQuery, but the menu does not revert to it’s original state after hovering over the different options.
Thanks!
OHOU! Sorry I know the bug’source now
, that was because my first picture in posts was not an internal URL!
Your plugin is great
thanks!
in action :
http://400ml.le108.org
@AnneClaire
Hi Alain
Thanks for your plugin, very easy to use ! but my website has got 27 cats…the menu just show 23… Do you know why ?
Thanks for attention, best regards
forget that i solved it..
do i need any mootools libraries or plugins installed? if so which specific ones from the wordpress plugins library? to get the menu to work, do i only have to put shortcode [a_image_menu] into a post or page? thanks! dont know why this isnt working at all.. i dont get a single image.
Hi,
Thank you for this great widget/plugin.
I would like to use a custom image in my accordion image menu.
Each time i add an image in an article, it change my image menu!!!
How can i do to fix it?
I also search for a solution to use the thumb of an article. Everytime I upload a new photo to my post, the picture in the menu changes. I want to affect the shown picture.@borntofly
I am working on installing the accordion menu to a new website, but for some reason the images are not sliding. I have tried deactivating all other plugins and that doesn’t seem to help. All of the images are showing up, in their closed state, even with settings to have one of the images in the open position they all remain closed. In short everything seems to be working with the plugin except for the jquery slid/open effect. anybody have any ideas on what the problem could be?
Hello,
does anyone know how to hack this great plugin to show the wordpress thumb in the menu???
Thanks a lots
The menu, when in vertical orientation, is too wide for my website. How can I make it thiner? Thanks and God bless!
Nice plugin, but doesn’t work well with some other plugins which use jquery.
I had to use $image_menu .= “var J = jQuery.noConflict();\n”; to get the images expand. Because I wasn’t gonna deactivate WP-Featured Content Slider.
I hope you will upgrade it soon.
Hi there
I love this plugin, but when trying to put it online, it only shows 6 pictures on the 11 needed. When looking the source code of the page, the 11 li items are in the source, but totally unable to see the 5 missing one…
Any idea ?
is there a way to use with pages instead of cats?
I do understand a bit but I don’t actually know how to work with PHP, CSS and even less with Java or AJAX. I’ve installed your plugin and follow the step by step in the settings, giving each category a order. However, how can I say to the plugin where are located the categories images. I know that in posts I can define images that is going to appear but I don’t know how can I do that with categories. Could you help me?
@anna
I had the same problem and the solution was deactivate the FancyBox for WordPress plugin.
Cheetos and others trying to use the short code, coping directly from this web page and pasting creates curly quotes. The code will only work with straight quotes. So try replacing the quotation marks. This worked for me, although I have not been able to over ride the fixed-d setting yet.
I am also curious why the always show titles doesn’t seem to work(title disappears on full size image when scrolling) – anyone found a fix?
Thanks for the great plug-in.
Great job. !
Is there a way to reverse the order of the posts (older post up / newer post down) ?
Did the plugin break with 2.9.2?
For whatever reason, the menu won’t expand. This is the only plugin active on a 2.9.2 blog using Thematic for a theme.
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.