Galeria Fotografias

Asked

Viewed 114 times

1

I’m having a little trouble making some changes to the photo gallery. http://jsfiddle.net/Qpm5g/

I’d like to make time for the images to play. I wish I could change the buttons to a corner on top of 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 doesn’t move the location of the buttons. If anyone can tell me what I’m doing wrong I’d appreciate it.

html gallery

  • This is what you want http://jsfiddle.net/Qpm5g/1/?

  • Which field did you change? And I can put time for the images to change?

  • I want to put the buttons right on top of the photograph.

  • See my answer. and here’s the link: http://jsfiddle.net/Qpm5g/2/

  • For the images to change already you have to use Jquery, see here the Javascript I added: http://jsfiddle.net/Qpm5g/7/. I will change the answer.

1 answer

2


To change the positioning of the buttons you have to label, I changed that:

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
    ...
    /*bottom: -45px;*/
    top: 0px;
    ...
}

As for changing image from x to x time you can use the 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
});

jsfiddle

Browser other questions tagged html gallery

You are not signed in. Login or sign up in order to post.