2013-04-17 4 views
9

Ich möchte das Skype-Ui verwenden, das in Skype UI Reference gefunden wird, aber ich mag nicht die "Bild-Assets" verwenden, die Skype zur Verfügung hat. Ich habe meine personalisierte Skype-Schaltfläche erstellt und möchte sie verwenden. Wie kann ich das machen?Wie kann ich skype-uri.js mit personalisierten Schaltflächen verwenden?

Ich weiß, dass es ein Code wie folgt:

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

und es kann leicht die Verwendung als jede Art von Taste sein, aber bei der Verwendung dieses auf einem Computer, der nicht Skype installiert ist, das Ding erlaubt mir nicht, auf der Downloadseite von Skype umzuleiten. Anders als bei Verwendung des js-Skripts:

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

Aber es lässt mich nicht eine personalisierte Schaltfläche verwenden.

Bitte helfen.

Danke,

Marke

Antwort

22

Ich weiß, diese Frage ist ein bisschen alt, aber wie ich konfrontiert gerade das gleiche Problem dachte ich, ich würde meine Lösung teilen.

Fügen Sie die skypeui.js Paket wie vor der Taste irgendwo instruiert

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

Dann einfach das folgende Markup verwenden, ersetzen Sie „myskypename“ mit dem Skype-Namen oder Nummer, die Sie anrufen möchten.

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

Schön! Funktioniert bei mir. Danke für das Teilen. – Giorgio

+0

Das ist die beste Antwort! Danke – Sylver

0

die Sie interessieren, ist diese Arbeit ..

<html> 
<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script> 
<div id="SkypeButton_Call_dhruv_1"> 
    <script type="text/javascript"> 
    Skype.ui({ 
     "name": "call", 
     "element": "SkypeButton_Call_dhruv_1", 
     "participants": ["dhruv"], 
     "imageSize": 32 
    }); 
    </script> 
</div> 
</html> 
0

1) Legen Sie die Taste skype wie hier erklärt: http://www.skype.com/en/features/skype-buttons/create-skype-buttons/

2) Verstecke die Skype-Taste div.

$('#SkypeButton_Call_your_skype_id_1').css('display', 'none'); 

3) Legen Sie Ihr eigenes Bild/link

<a href="" onclick="skype_contact();">Call me</a> 

4) Setzen Sie diese Funktion in Ihrem js-Datei. (es ist der gleiche Code als der, der ausgelöst wird, wenn Sie auf den Skype-Button klicken)

function skype_contact() 
{ 
    Skype.tryAnalyzeSkypeUri('call', '0'); 
    Skype.trySkypeUri_Generic('skype:your_skype_id?call', $('#SkypeButton_Call_your_skype_id_1 > iframe').attr('id'), '0');   
} 
Verwandte Themen