2voturi

Cum folosesc codul API de la Revolution Slider, pluginul de Wordpress?

Pe un site de Wordpress mi-am instalat pluginul Rev slider si nu stiu cum sa folosesc codul API.
Am 5 slidere si vreau sa le apelez din anumite linkuri din meniu.

Functiile API generate sunt:

API Methods:
Pause Slider:     revapi1.revpause();
Resume Slider:     revapi1.revresume();
Previous Slide:     revapi1.revprev();
Next Slide:     revapi1.revnext();
Go To Slide:     revapi1.revshowslide(2);
Get Num Slides:     revapi1.revmaxslide();
Get Current Slide Number: revapi1.revcurrentslide();   
Get Last Playing Slide Number:     revapi1.revlastslide();
External Scroll:     revapi1.revscroll(offset);
Redraw Slider:    revapi1.revredraw();

API Events:    
revapi1.bind("revolution.slide.onloaded",function (e) {    //alert("slider loaded"); });      
revapi1.bind("revolution.slide.onchange",function (e,data) {    //alert("slide changed to: "+data.slideIndex); });
revapi1.bind("revolution.slide.onpause",function (e,data) {    //alert("timer paused"); });
revapi1.bind("revolution.slide.onresume",function (e,data) {    //alert("timer resume"); });
revapi1.bind("revolution.slide.onvideoplay",function (e,data) {    //alert("video play"); });
revapi1.bind("revolution.slide.onvideostop",function (e,data) {    //alert("video stopped"); });
revapi1.bind("revolution.slide.onstop",function (e,data) {    //alert("slider stopped"); });
revapi1.bind("revolution.slide.onbeforeswap",function (e) {    //alert("before swap"); });
revapi1.bind("revolution.slide.onafterswap",function (e) {    //alert("after swap"); });
          

Deci, cum le pun in aplicare pentru a schimba de la un slide la altul?   

 

2 Răspunsuri

2voturi

noctis Points760

@Toga Robert, e posibil sa ii dea eroarea "$ is not a function", deci inlocuiesti "$"-ul cu "(jQuery)"
 Baga codul asta in header.
<script>
(jQuery)(document).ready(function() {
    (jQuery)("#idlink2").click(function() {
    revapi1.revshowslide(2); });
});
</script>

si il apelezi cu un link in forma asta:

<a id="idlink2" href="#">Schimba slider</a>

Sebi Gorciu comentat 12 Feb 2014

Funtioneaza!   Multumesc pentru solutie!

0vot

Toga Robert Points1360

Din codul generat, ceea ce cauti tu este metoda:
revapi1.revshowslide(2);   ce te duce la slidul nr. 2

Metoda o bagi intr-un script .js, ceva de genu:

$('#unid').click(function(){
    revapi1.revshowslide(2);
    return false;
});

Sebi Gorciu comentat 12 Feb 2014

Nu imi merge

Toga Robert comentat 12 Feb 2014

Nu are cum sa nu iti mearga

Răspunsul tău

Confidenţialitate: Adresa ta de email va fi utilizată doar pentru trimiterea acestor notificări.
Pentru a evita această verificare pe viitor, te rugăm să te autentifici sau să te înregistrezi.

Cunoşti pe cineva care ştie răspunsul? Distribuie linkul

...

O comunitate cu întrebări şi răspunsuri.