/    Sign up×
Community /Pin to ProfileBookmark

Clearbox 3 in an image map

Copy linkTweet thisAlerts:
May 20.2011

Fair warning, I am a total amateur at this stuff, teaching myself as I go more or less.

Essentially, I’ve got my image map, and for one of the links, I’d like to be able to click that area shape and have Clearbox come up and play this Quicktime movie I’ve got. Right now, the code looks like this:

<area shape=”rect” coords=”615,385,708,545″ href=”movie.mov” rel=”clearbox[,,width=800,,height=450]” title=”My Content”></a>/>

Now, I think I’ve tried all combinations of trying with or without the </a> or the /> or instead of just href including the “a” before it….I’m clearly missing something.

Is this even possible? I have what I want with some images using Lightbox. I know they’re two different things, but maybe this could help someone figure out my problem…

<area shape=”rect” coords=”647,203,770,298″ href=”image.jpg” rel=”lightbox[photos]” title=”Next and Previous are on the edge of the image”>image #1/></a>

That works.

Headache…growing….

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@trandrusMay 20.2011 — You don't need the extra syntax. W3C spec defines map as using either anchor or area for links (or both), so close it like a normal tag. The rel attribute is not defined for area so in this case using anchor would be better:
<i>
</i>&lt;map name="mymap"&gt;
&lt;a shape="rect" coords="615,385,708,545" href="movie.mov" rel="clearbox[,,width=800,,height=450]" title="My Content"&gt;My Link&lt;/a&gt;
&lt;/map&gt;

If that doesn't work, investigate the javascript and make sure it is parsing your link data correctly.
Copy linkTweet thisAlerts:
@TombiniauthorMay 21.2011 — Thanks for getting back to me. Sorry for the delay, this project is in my free time and I've just now gotten to trying out your code.

The thing that keeps happening, even with your code, is that instead of it bringing up Clearbox to play the movie it just plays it in my default movie player. Plus, it brings up a download box prompting me to save it to hard drive.

So somewhere in there it's not getting that I want to play it through Clearbox. Any ideas?


If it absolutely can't be done, how do you make the "*.mov" file play in the user's default movie player WITHOUT the download option? I'd like it to be in Clearbox because it looks nicer, but I'd rather have it in the player as opposed to have it in a seperate page just to have it in Clearbox. It should be noted that yes, I can get it to run on a seperate page.
Copy linkTweet thisAlerts:
@TombiniauthorMay 21.2011 — Weird. I just replied but then it didn't show up. If I end up replying twice, my apologies.

The thing is, with your code and everything I've tried before, I click on my image map link and instead of my movie coming up in Clearbox, it comes up in my default movie player, as well as there's a prompt to save it to my hard drive.

So somewhere there's a disconnect to force Clearbox to be used. I can get it to run on a seperate page, just from a link to a simple image.

If it absolutely can't be done, how do you get the movie to open in the user's default movie player without the option to save to hard drive? I like the way Clearbox looks, but I'd rather not have a seperate page just to use it.
×

Success!

Help @Tombini spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...