Vertical Image Menu

A very simple WordPress Plugin that allows you to integrate a vertical scrolling menu into you WordPress page.

More information at the plugin page.

  1. Download, upload & activate this plugin
  2. Go to the admin interface and upload some images.
  3. Go to your post/page an enter the tag ‘[verticalImageMenu]‘.

That’s it … Have fun

Example


In this example I link to my page, but you can set the links to every other page.

 

 

 How to use the Image Menu in the themes header?

If you want to setup the menu in your WordPress twentyeleven header as shown above, you have to do two things.

  1. Open the “header.php” from twentyeleven with an editor and insert
    <?php echo do_shortcode('[verticalImageMenu]') ?>

    before

    <nav id="access" role="navigation">

    . Save and upload the header.php.

  2. Then open the twenty eleven “style.css”. You will find it in the same folder. Insert the following lines:
    body .vertical_imagemenu{
         position:relative;
         margin:-288px 0px 0px 40px !important;
         z-index:1;
    }
    
    

16 Comments » for Vertical Image Menu
  1. Mark says:

    Hi,

    Love the plug in, but can’t get it to work in Internet Explorer? Works great in Firefox, Chrome, Safari, etc. but images are compressed to 1 pix wide in IE. See website above in lower right corner. Tried both % and fixed pixel width.

    Thanks

  2. Kelsey says:

    I am trying to design an accessible website, so I was wondering if there was some way to get the title of the image to appear when you mouse over it.
    Any help would be greatly appreciated!

  3. willie says:

    I’m using the plugin, and it works great to display a carousel of images, but I would like the images to pop up in Shadowbox when I click on them. Instead, when I click on the images, I am always redirected to other sites. Any ideas?
    W

    • BMo says:

      If you use lightbox or slimbox… I think it should be possible to use rel=”lightbox” at each link to activate the javascript function.

  4. Adrian says:

    thank you for this great plugin, it is very simple to use. Just one question, is it possible to set up the scrolling menu with 2 columns instead of just one? thanks

  5. Rhys says:

    Great plugin. Simple and effective.

  6. Link says:

    How do I prevent it from scrolling?

  7. Tim says:

    Love the plugin – simple and functional.
    I was having trouble with the image upload but when I did it in visual mode rather than html mode it worked fine.
    Thanks V Much : )

  8. vladimir says:

    Help please understand.
    1. I downloaded the pictures, 2. what code I need to insert and where to work the menu?

    • admin says:

      1. I think you mean that you uploaded some images.
      2. paste the shortcode [verticalImageMenu] inside a page or post or use it inside your theme with < ?php echo do_shortcode('[verticalImageMenu]') ?>.

  9. Thomas says:

    It would be great if you could have made this plugin with the option of more than just one gallery. It’s a great plugin, but I’m on a lookout for a plugin I can use in more than just one post/page with different images.

    • admin says:

      I think it’s possible. You can setup different galleries.

      1. Upload images
      2. Go to the HTML view
      3. copy the code
      4. go to your post/page
      5. write [verticalImageMenu images='...'] and paste the code inside the ‘…’

      I think this should work, please try it. Best regards BMo

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

More aboute me
Give me a +


donate my work ♥ → paypal