music with links, combine w/ image mapped Options

[moorepocket]

how do you get the codes to work to an image mapped.

ORIGINAL CODE

[lilaznpeter]

Are you sure there's such thing? I've never seen something like it, if there is, why don't you view the source. and edit it.

[*mona lisa*]

well you can make some of the links in image mapped picture to a song url, but i don't think it would work if you stuck them together.

[moorepocket]

Are you sure there's such thing? I've never seen something like it, if there is, why don't you view the source. and edit it.

i don't know if anyone did it. I think xquizit_442 did it on her site.

well you can make some of the links in image mapped picture to a song url, but i don't think it would work if you stuck them together. 

^^what do u mean?

[lovescream]

if you had one song, you could always paste the code down on the site in the look & feel bottom.

and then in the image map, i think you need the pic.
or since it has javascript module, place it in the javascript module section.

[moorepocket]

i want to put the play button in the image instead of using link.

[spicykitti]

i don't know if anyone did it. I think xquizit_442 did it on her site.



^^what do u mean?

uh well actually i did it before. like about 6 months ago, but then i did something goofy to mess it up and i haven't refigured out how to do it. but I had an image map with a playlist and links. I'm trying to figure out how to get the music to play in the background. I wish I had saved the code. teaches me a lesson!

...so maybe that will give you hope there's an answer out there. if i figure it out i'll be sure to post it!

[*mona lisa*]

i mean like when you image map, instead of putting something like xanga.com as a link, maybe you could put a link to the song url and then it would play.

[spicykitti]

Yeah I did it. I have it on my page now but the thing is I forgot what I did to make the songs play in the background so I'm trying to figure it out. Here's my code, maybe someone can figure out how to embed the song to play in the background:

<script>
function PlaySong(name)
{
//document.write.blogring
var text =
"<embed src = \"" + name + "\" type = \"audio/x-bmx\" " +
"backcolor = \"200, 200, 200\" " +
"scrollspeed = 0 " +
"infocolor = \"0, 140, 200\" " +
"width = 0 height = 0" +
">";
if (document.all)
{
// Internet explorer
document.all.Plugin.innerHTML = text;
}
else
{
// Netscape
document.Plugin.document.write(text);
document.Plugin.document.close();
}
}
</script>

<center><MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="580,69,592,78" HREF="http://www.culture.zju.edu.cn/new/html/upload/02_Animal_Nitrate.mp3" TITLE="">
<AREA SHAPE="RECT" COORDS="579,84,589,93" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/1/11239/12943_1_2_04.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="567,99,579,107" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/2/438/8582_1_1_04.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="570,113,580,122" HREF="http://weiv.co.kr/ram/0511111.ram" TITLE="">
<AREA SHAPE="RECT" COORDS="603,126,614,136" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/1660/28968_1_2_04.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="602,142,613,150" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/3/662/28455_1_14_04.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="617,153,606,163" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/3/547/28425_1_3_04.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="595,166,582,179" HREF="http://www.inboil.com/20030218.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="571,184,586,194" HREF="mms://211.233.26.181/46036_1.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="573,199,587,210" HREF="http://weiv.co.kr/ram/0511092.ram" TITLE="">
<AREA SHAPE="RECT" COORDS="603,208,615,220" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/28/25402_1_12_04.asf" TITLE="">
<AREA SHAPE="RECT" COORDS="568,224,581,233" HREF="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/2/438/1874_1_12_04.asf" TITLE="">
</MAP>
<IMG SRC="http://img.photobucket.com/albums/v207/spicykitti/december/winterblues.jpg" USEMAP="#map1" BORDER="0"></center>

[largosama]

methinks that if you take the music playlist javascript and set it up, then change ur image map to use the links as functions. For example, if you paste ur music script above ^, then use

CODE

<!-- begin code provided by createblog.com -->
<AREA SHAPE="RECT" COORDS="mapped link coordinates" HREF="javascript:PlaySong('http://SONG URL')" TITLE="Song description">

<!-- end code provided by createblog.com -->

sorta like using a regular link but pasting the javascript function

[spicykitti]

i tried that and it doesn't seem to work:/ i figured that would solve the problem but for some reason it doesn't. all i hear is silence, and my music links work too

[shortvi3tlaydee]

you can just use the darkplayer code or another playlist code and put it in a div layer to postition it [example on my xanga]

[spicykitti]

Ohh...well my theme i'm working on now, I kind of wanted it like an image map

....I have a feeling the problem lays right here:

<div ID = "Plugin"></div>
<div ID = "PlayList">
<MAP NAME="map1">

blah blah blah

</MAP>
<IMG SRC="http://img.photobucket.com/albums/v207/spicykitti/december/kurosecond2.gif" USEMAP="#map1" BORDER="1"; span style="color: #421105;">
</div>

but I haven't figured it out yet. i just remember I think i did something with that and the music played in the background, along with changing it to

<AREA SHAPE="CIRCLE" COORDS="a,b,c" HREF="java script:PlaySong('http://SONG URL')" TITLE="title here">

I'm still fooling around with it but nothing as of yet:/

[spicykitti]

I think I found the answer....lemme check

[xquizit]

Rather than adding the PlaySong command to your <a> tags, you will add them to your <area> tags as in the following:

<area shape="rect" coords="1,2,3,4" onClick="PlaySong('http://SONGURL')" alt="Artist - Song Title">

Sorry I didn't answer this sooner. I will add this to the tutorial.

//EDIT

I've just added it to the "Music Playlist With Links" tutorial:

http://www.createblog.com/forums/index.php?showtopic=6483