Tengo un codigo para slide sacado de slidesjs.com, el cual tiene unos botones de navegacion (anterior y siguiente). Quiero poner dichos botones sobre la imagen del slide, a la izquierda y a la derecha respectivamente, pero sobre la imagen. No encuentro la manera... Creo que es por el plugin del slide, pero no estoy seguro.
Código PHP:
<section id="slideshow">
<div class="slide">
<img class="thumb" src="<?php bloginfo('template_url')?>/images/slide1.jpg">
</div>
<div class="slide">
<img class="thumb" src="<?php bloginfo('template_url')?>/images/slide2.jpg">
</div>
<div class="slide">
<img class="thumb" src="http://lorempixel.com/960/400/sports"/>
</div>
<div class="slide">
<img class="thumb" src="http://lorempixel.com/960/400/abstract"/>
</div>
<a href="#" class="slidesjs-previous slidesjs-navigation"><img class="siguiente" src="<?php bloginfo('template_url')?>/images/flecha_izq.png"></a>
<a href="#" class="slidesjs-next slidesjs-navigation"><img class="previous" src="<?php bloginfo('template_url')?>/images/flecha_der.png"></a>
</section>
Código:
.siguiente{
border:#000000 2px solid;
}
.previous{
border:#000000 2px solid;
}
Código:
$(function(){
$("#slideshow").slidesjs({
height: 400,
navigation: {
active:false,
effect:"fade"
}
});
});