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.

The first release was based on “address”, then to include a point on the maps new instance of google geocoder was need, but google limits the number of this kind of request, read more here.

In this version new custom field “google-map-sc-latlng” was included to save the (Latitude,Longitude) for each address entered:

Now, you can include points on your maps using one of this custom fields considering this:

• If you use “google-map-sc-address”, the first time that you display a point, the “google-map-sc-latlng” value will be generated automatically.
• In order to use “google-map-sc-latlng” you need to include the latitude and longitude separated by comma.
• If you update “google-map-sc-address” you must delete the “google-map-sc-latlng” cause this point will be located based on the previews address.
• You can use “google-map-sc-latlng” only.
• If you are planning to display large number of point is better to use “google-map-sc-latlng” or generate them one by one to avoid large number of address requests at the same time. You can generate latitude and longitude using for instance: http://www.batchgeocode.com/lookup/
• You can attache more than one point per post/page but based on address or (latitude,longitude) see the example bellow.
• If you are displaying all the points under specific category, just the first costum field of each post will be used.

The shortcode options can be found in the first release.

Examples

This example shows the points attached to the posts under the category 42 cat=”42″ and display the links to the points at the bottom of the map, external_links=”true”.

and the custom fields looks like this:

Using the post “id” id = “335″.

Using specific address option in the sortcode (not the custom field) address=”3501 S.W. 130th Ave., Davie 33330″,width=”250″, height=”250″ and zoom=”8″.

Notes

The Info Window is showed when you are displaying post on your maps for example the posts under a category or when you use the post ID, just in these cases make sense to display the the title, thumbnail and excerpt of your posts.

You can change the html and the css of the Info Windows to cutomize it.

The shortcode name is google-map-sc

Download

google-map-shortcode

Add your suggestions, support the plugin.

Date: September 21-25, 2009

« back to google map shortcode

I justs included two new features to this plugin:

Open the Menu

Now you can open the menu in the position that you prefer: Recent Post, Favorite Category or Randomly.

Show Titles

The new version allows to select if you want to show/hide the titles in your menu with mouseover.

In the future I’m planing to implement the horizontal mode.

Enjoy!!!

Integrate into your front-end nice javascript effects like Thickbox, Lightbox, Slimbox , Milkbox, Lightview is a plus, but would be better if you don’t need to touch the html code for it. That’s why the CMS technology exists.

After developing the plugin Wp ThickBox Integration,  I decided to extend this features to “Lightbox” a cool jquery plugin to overlay images on the current page. In this case you can decide in the  admin “images setting panel” if you want to “Open your images using Lightbox”.

Single Image Example

Installation

1. Upload ‘flexible lightbox’ folder to the ‘/wp-content/plugins/’ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. And that’s it.

Screenshots

In this case I’m using the native gallery tag “gallery columns=2″ with the default styles.

Download

Flexible Lightbox Plugin

DO NOT make a Donation:

- If you don’t find this plugin useful,
- If you don’t believe in the Open Source Philosophy,
- If you don’t want to make your day different,

Otherwise, consider to share a small amount, one dollar could be ok

Thanks!