www.webdeveloper.com
Results 1 to 4 of 4

Thread: Clearbox 3 in an image map

  1. #1
    Join Date
    May 2011
    Posts
    3

    Clearbox 3 in an image map

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

  2. #2
    Join Date
    Jun 2007
    Location
    Washington D.C. Metro
    Posts
    76
    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:
    Code:
    <map name="mymap">
    <a shape="rect" coords="615,385,708,545" href="movie.mov" rel="clearbox[,,width=800,,height=450]" title="My Content">My Link</a>
    </map>
    If that doesn't work, investigate the javascript and make sure it is parsing your link data correctly.

  3. #3
    Join Date
    May 2011
    Posts
    3
    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.

  4. #4
    Join Date
    May 2011
    Posts
    3
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles