I'm having a hard time making some changes to the photo gallery. link
I would like to take time for the images to go by. I would love to be able to change the buttons to a corner over the photos.
#slideshow-wrap input[type=radio] {
position: absolute;
left: 250 px;
top:150px;
bottom: 15px;
z-index: 100;
visibility: hidden;
}
I changed the "Top" and it does not move the location of the buttons. If someone can tell me what I'm doing wrong, thanks.
To change the placement of the buttons you have to move label , I changed this:
#slideshow-wrap label:not(.arrows):not(.show-description-label) {
...
/*bottom: -45px;*/
top: 0px;
...
}
As for changing the image from x to x time you can use jQuery as per example :
$(function(){
$('#slideshow-inner img:gt(0)').hide();
setInterval(function(){
$('#slideshow-inner :first-child').fadeOut()
.next('img').fadeIn()
.end().appendTo('#slideshow-inner');},
1000); //tempo de transição
});