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.


September 17th, 2009  | Tags: , , , , , , ,
  1. March 12th, 2010 at 02:58
    Reply | Quote | #1

    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.

  2. cheetos
    March 2nd, 2010 at 02:15
    Reply | Quote | #2

    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”]

  3. cheetos
    March 2nd, 2010 at 02:14
    Reply | Quote | #3
  4. cheetos
    March 2nd, 2010 at 00:59
    Reply | Quote | #4

    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.

  5. MABM
    February 3rd, 2010 at 20:45
    Reply | Quote | #5

    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!!!

  6. Alain
    February 2nd, 2010 at 16:51
    Reply | Quote | #6

    @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.

  7. February 2nd, 2010 at 07:08
    Reply | Quote | #7

    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

  8. Alain
    January 26th, 2010 at 17:11
    Reply | Quote | #8

    @Travis
    Sorry error typing. Check all the options and insert the shortcode where ever you want.
    Previews version

  9. Travis
    January 26th, 2010 at 05:59
    Reply | Quote | #9

    @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.

  10. Alain
    January 26th, 2010 at 04:24

    @Travis
    Using the shortcode and the options, go to the previews post for more details.

  11. Travis
    January 26th, 2010 at 03:50

    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.

  12. January 25th, 2010 at 18:46

    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.

  13. Alain
    January 21st, 2010 at 17:13

    @anna
    Looks like and interaction problem with another plugin that is using jquery. Try uninstalling the others.

  14. January 21st, 2010 at 17:06

    I am having the same issue as one of the previous commentors: I see the images but they don’t expand. Please help!

  15. Jefe
    January 20th, 2010 at 17:18

    @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

  16. Alain
    January 18th, 2010 at 19:08

    @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’

  17. Rashell
    January 18th, 2010 at 18:08

    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

  18. January 15th, 2010 at 23:01

    dgodfather :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.

    Any update on this Alain?

  19. January 12th, 2010 at 20:00

    @Alain

    Hmm… Well I did that and it’s still there. Using Firefox. Would I need to clean the cache?

  20. Alain
    January 12th, 2010 at 19:20

    @dgodfather
    On this file:
    http://trusupremekillaz.com/tskgaming/wp-content/themes/arras-theme/css/styles/default.css

    a, a:link, a:visited {
    color:#0052A3;
    text-decoration:underline;
    }

    and
    http://trusupremekillaz.com/tskgaming/wp-content/themes/arras-theme/css/blueprint/typography.css

    a {
    color:#000099;
    text-decoration:underline;
    }

  21. January 12th, 2010 at 18:10

    @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?

  22. Alain
    January 12th, 2010 at 15:15

    @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.

  23. January 12th, 2010 at 01:21

    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.

  24. Alain
    January 6th, 2010 at 15:15

    @ednerd
    Sorry, the plugin works globally for pages. You can define pages on the option page only.

  25. ednerd
    January 6th, 2010 at 09:44

    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!

  26. Fredrik
    December 22nd, 2009 at 06:56

    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

  27. December 22nd, 2009 at 04:00

    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?

  28. December 18th, 2009 at 01:51

    @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?

  29. December 18th, 2009 at 01:02

    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

  30. Alain
    December 9th, 2009 at 01:22

    @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,

  31. leepton
    December 8th, 2009 at 21:09

    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?

  32. tootoo1
    December 8th, 2009 at 14:05

    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.

  33. December 6th, 2009 at 05:12

    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!

  34. November 27th, 2009 at 14:44

    @Didier
    I found my mistake: pages do not have associated images! I have added 1 image per page and it is OK now.

  35. November 24th, 2009 at 13:50

    Hi, is it possible to run this plugin with blogger?

  36. ace
    November 24th, 2009 at 04:49

    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. =)

  37. Alain
    November 23rd, 2009 at 02:48

    @Arjan
    This could be a bug, thanks.

  38. Arjan
    November 22nd, 2009 at 09:40

    @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

  39. Arjan
    November 22nd, 2009 at 08:08

    @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.

  40. Alain
    November 22nd, 2009 at 00:21
  41. Arjan
    November 21st, 2009 at 22:54

    @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/…..

  42. Arjan
    November 21st, 2009 at 22:52

    @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 ?

  43. Alain
    November 21st, 2009 at 18:11

    @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.

  44. Arjan
    November 21st, 2009 at 08:48

    @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?

  45. November 18th, 2009 at 15:06

    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?

  46. Arjan
    November 16th, 2009 at 16:17

    @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.

  47. Alain
    November 16th, 2009 at 15:12

    @Arjan
    That is saved on the database under options.

  48. Arjan
    November 16th, 2009 at 09:11

    @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 ?

  49. Arjan
    November 14th, 2009 at 07:09

    @Alain
    Alain, I already tried that before, but no result

  50. Alain
    November 13th, 2009 at 21:46

    @Arjan
    You are losing some javascript files. Try uninstalling/installing the plugin.

  51. Arjan
    November 13th, 2009 at 21:17

    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

  52. November 11th, 2009 at 01:33

    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!

  53. Sergio
    November 10th, 2009 at 20:52

    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

  54. November 6th, 2009 at 08:01

    I am not able to use it to display only pages.

  55. trimeria
    November 3rd, 2009 at 00:30

    Hi is beautiful world is firs time i visit your sit
    Good job and nice design

  56. Alain
    November 1st, 2009 at 14:18

    @Sean
    I see a “p” element inserted inside of the menu elements. You can fix this including this styles:

    .imageMenu p {
    margin:0;
    }

    Thanks,

  57. November 1st, 2009 at 06:43

    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/

  58. October 30th, 2009 at 14:21

    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.

  59. Alain
    October 30th, 2009 at 02:41

    @mugger
    Try uploading flat color images as background.

  60. mugger
    October 29th, 2009 at 23:16

    Can this accordion be used for text instead of images? I’d like to show Pages this way, by groups.

  61. Alain
    October 28th, 2009 at 19:57

    @Phaethon

    @Phaethon
    Try uninstalling the others plugin to see if you have interactions.

  62. October 28th, 2009 at 19:49

    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.

  63. Alex
    October 27th, 2009 at 16:04

    Hello,

    Works fine ,

    Thanks a lot.

  64. Alain
    October 27th, 2009 at 15:36

    @Alex
    If you are using the plugin for categories it will deploy just one image. Include pages or try the “last posts” option.

  65. Alex
    October 27th, 2009 at 11:58

    my blog is by.nedeek.com

  66. Alex
    October 27th, 2009 at 11:57

    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

  67. October 27th, 2009 at 05:21

    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.

  68. Alain
    October 26th, 2009 at 15:08

    @Alex
    The plugin use the medium size images generated after uploaded it to a post.

    Thanks

  69. Alex
    October 26th, 2009 at 15:01

    Hello,

    Your plugin is really fantastic !!!

    What kind of images size I have to upload ?

    All the best,

    Alex

  70. Ray
    October 24th, 2009 at 10:05

    Okay, so the menu items are pulled from a category.

    But where are the menu images puller from?

    Thanks.

  71. John
    October 20th, 2009 at 19:42

    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.

  72. dgodfather
    October 8th, 2009 at 12:23

    @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.

  73. October 6th, 2009 at 17:36

    Would like to see more such plugins !!!

  74. Alain
    October 3rd, 2009 at 01:39

    @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.

  75. September 24th, 2009 at 01:01

    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.

  76. September 24th, 2009 at 00:59

    For whatever reason the plugin is not pulling the latest posts to the menu. Options have been double checked and are correct.

1 trackbacks/pingbacks

TOP