How can I use skype-uri.js with personalized buttons?

Question

I want to use the skype-ui found in Skype UI Reference but I don't like to use the "image assets" that Skype has available. I have created my personalized Skype button and I want to use it. How can I do this?

I know that there is a code like this:

<a href="skype:echo123?call">Call</a> the Skype Echo / Sound Test Service

and it can easily be use as any kind of button but when using this on a computer that doesn't have any skype installed, the thing won't allow me to redirect in the downloads page of skype. Unlike when using the js script:

<div id="call_32" style="width:20%;background-color:#0094ff">
<script type="text/javascript">
    Skype.ui({
        name: "call",
        element: "call_32",
        participants: ["echo123"],
        imageSize: 32,
        imageColor: "white"
    });
 </script>
</div>

But it won't let me use a personalized button.

Please help.

Thanks,

mark

Answer 1

I know this question is a bit old, but as I just faced the same problem I thought I would share my solution.

Include the skypeui.js package as instructed somewhere before the button

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>

Then simply use the following markup, replace "myskypename" with the skype name or number you would like to call.

<div id="MyDiv">
   <a onclick="Skype.tryAnalyzeSkypeUri('call', '0');" href="skype:myskypename?call">
      <img role="Button" src="/images/mybutton.gif">
   </a>
</div>