Hello,
I ‘m making this question to you because I’m not sure if I can make it to the punch theme (I use their plugin through you , I mean through swiftideas).
Anyway, I hope you can help me.
So, I use the revolution slider (look my URL:http://buffetize.com/apidemo-2/) and I also use their API to make the buttons over the slider change the slides and appears a message when you click the button (also you see, it changes the color to red).
so, I want everytime you press the button to fill with the button name the textbox area I have below the revolution slider.
Here is my code:
<h3>API DEMO</h3>
<div style=”position:relative;width:100%”>
[rev_slider apidemo]
<div style=”position:absolute; top:40px;left:40px;z-index:1000″>
<button class=”btn slidethumbs” id=”slidethumb1″ data-slide=”1″>Plate 1</button>
<button class=”btn slidethumbs” id=”slidethumb2″ data-slide=”2″>Plate 2</button>
<button class=”btn slidethumbs” id=”slidethumb3″ data-slide=”3″>Plate 3</button>
<button class=”btn slidethumbs” id=”slidethumb4″ data-slide=”4″>Plate 4</button>
</div>
</div>
<p> </p>
<br />
Name of the plate:<br />
<input type=”text” id=”show” name=”show” />
<p> </p>
<script type=”text/javascript”>// < ![CDATA[
jQuery(document).ready(function() {
jQuery(‘.slidethumbs’).click(function() {
alert(“Button Clicked:”+ jQuery(this).data(‘slide’));
var btn = jQuery(this);
revapi23.revshowslide(btn.data(‘slide’));
});
revapi23.bind(“revolution.slide.onchange”,function (e,data) {
//alert(“slide changed to: “+data.slideIndex);
jQuery(‘.slidethumbs’).css({color:’#000′});
jQuery(‘#slidethumb’+data.slideIndex).css({color:’#ff0000’});
});
});
// ]]></script>
Thank you!
.