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?
Answers ( 2 )
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;
});
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>