cycas

I just spent some time working out how to do this so although this thread is a bit old, I thought I’d add to it and just note how I did it for the benefit of others.

I used this plugin to do the slider : http://wordpress.org/extend/plugins/wp-cycle/

That plugin gives you a shortcode, but you need to be able to modify the image code in your slideshow to call the imagemaps, so I didn’t use the shortcode, I put the code into my template direct.

So, in my new template used just for my slider page, I put in


<div id="rotator">
<img src="/wp-content/uploads/2012/07/ham.jpg" width="1000" height="460" class="20120710130219" alt="Ham" usemap="#ham" />
<img src="/wp-content/uploads/2012/07/eggs.jpg" width="1000" height="460" class="20120710130018" alt="Eggs" usemap="#eggs"/>
</div>


(the rotator ID is the default one that wp-cycle plugin looks for, but you can rename it in the plugin settings if you want. )

And then my imagemap:

<map id="ham" name="ham"><area shape="rect" coords="1,1,1000,460" href="/2013-ham/"></map>
<map id="eggs" name="eggs">
<area shape="rect" coords="1,1,300,460" href="/2013-hen/">
<area shape="rect" coords="300,1,700,460" href="/2013-duck/">
<area shape="rect" coords="700,1,1000,460" href="/2013-quail/">
</map>


Yes, I know name= is deprecated, but you need to specify a name in imagemap if it’s going to work in Safari or Chrome.

This example shows the first slideshow image as one big link, and then the second with three links. You need to set the transition so it’s not too long, otherwise it gets confusing when it flips from one imagemap to the next.

I actually tried doing this with the Wowslider plugin first, but imagemaps don’t work with that slider script.

Do you have the user’s WordPress role (not UAM role) set to ‘subscriber’ rather than ‘contributor’ or ‘author’?

If you have a look at http://codex.wordpress.org/Roles_and_Capabilities

you can see that subscribers don’t have access to edit content.

So if you set up a UAM group and put people in it that only have WordPress role subscriber, they still won’t be able to edit. You need to set the role affiliation in UAM to something that allows them access to edit the page.

Does that help?

Can you see the images on the public website? Did you change permissions on any directories?

It used to be handy for Twitter to use a shorter URL, because Twitter used to post URLs and only display the first X number of characters, so people would copy and paste them and end up with a broken address.

However, Twitter has changed the way it handles URLs recently so that this is less of an issue.

If you tell people a URL without a www in it, a lot of them will put it in anyway, so I would make sure that both work!

I think I had this same problem.

On the site I was looking at the lightboxed images perform normally on all pages except one, where they appear on their own in the window rather than in a lightbox. Originally they appeared normally, then without any change of theme, wordpress version, or plugin, the lightbox stopped working after a page edit.

When the link is clicked, the page starts to be be darkened as if a lightbox was starting, but then instead of the image appearing in the middle of the page, it flicks over as if an ordinary link had been triggered.

The site I looked at had:
Lightbox 2.92
Wordpress 2.91
Custom theme (but WordPress Default 1.6 did exactly the same)

Freesouldesign, no, it’s not a page load issue in this case. You can load the page and leave it for 5 mins before you try the links, and they still won’t work. Different browsers and different machines all show exactly the same behaviour.

I went through the code of the page carefully, and discovered that there was a place where an image had been deleted. The img tag had been removed, but the a href tags around the image were still lurking invisibly in the HTML. I assume that the WYSIWYG editor that the site owner was using did this accidentally when he tried to remove a photo by selecting it and pressing ‘delete’: it didn’t delete all the code.

My guess is that this confused the javascript: it was trying to automagically amend the link to make a lightbox, but the image it was supposed to work on wasn’t there. So, the script simply fell over and refused to lightbox any of the images in the page. (same would happen with posts, I think but as it happens I was working with pages).

Removing the <a href=""...></a> from the code fixed the problem on the site I was looking at. So if you have this issue, may be worth zapping the images in your post, then go into HTML view on your editor and remove any links that they may have left behind, then re-add the pics.