2013-04-17 2 views
9

Desidero utilizzare lo skype-ui trovato in Skype UI Reference ma non mi piace utilizzare le "risorse immagine" che Skype ha a disposizione. Ho creato il mio pulsante Skype personalizzato e voglio usarlo. Come posso fare questo?Come posso utilizzare skype-uri.js con pulsanti personalizzati?

So che c'è un codice come questo:

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

e può facilmente essere utilizzato come qualsiasi tipo di tasto, ma quando si utilizza questo su un computer che non dispone di alcun skype installato, la cosa non mi consentirà di reindirizzare nella pagina di download di skype. A differenza di quando si utilizza lo script js:

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

Ma non mi consente di utilizzare un pulsante personalizzato.

Per favore aiuto.

Grazie,

marchio

risposta

22

So che questa domanda è un po 'vecchio, ma come ho appena affrontato lo stesso problema ho pensato di condividere la mia soluzione.

includere il pacchetto skypeui.js come indicato da qualche parte prima che il pulsante

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

Poi è sufficiente utilizzare il seguente codice, sostituire "myskypename" con il nome Skype o il numero che si desidera chiamare.

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

Bello! Per me va bene. Grazie per la condivisione. – Giorgio

+0

Questa è la migliore risposta! Grazie – Sylver

0

Prova questo, questo sta lavorando ..

<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) Inserire il pulsante skype come spiegato qui: http://www.skype.com/en/features/skype-buttons/create-skype-buttons/

2) Nascondi il pulsante skype div.

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

3) posto la propria immagine/link

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

4) Mettere questa funzione nel file js. (è lo stesso codice di quello che viene attivato quando si fa clic sul pulsante skype)

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');   
}