Bildevisning, "forrige" - og "neste" - knapp HTML, CSS, PHP

[xx-]

Skoleoppgave jeg har store problem med.

Lager bildefremvisning. Importerer bilder, trykker på bilde får opp fullskjerm, men så skal jeg få inn to "knapper" i fullskjermbilde slik at jeg kan bla til neste og forrige bilde. Noe slikt som i vedlagt bilde. Her skal det også senere lages "X" i hjørne for å lukke bildevisningen.

 

Jeg har lest masse på nett, prøvd, feilet, er helt blåst nybegynner. Noe som kan hjelpe med hvordan dette lages? Standard HTML-knapper under bilde er ok, men "oppå" bildet er håpløst..

 

Noe slikt som sånn: http://www.google.no/imgres?client=firefox-a&hs=tW7&rls=org.mozilla%3Aen-GB%3Aofficial&channel=fflb&biw=1366&bih=665&tbm=isch&tbnid=G1BSBGJ0l0W9ZM%3A&imgrefurl=http%3A%2F%2Ftechglimpse.com%2Fstylish-previous-buttons-image-gallery-simple-css-javascript%2F&docid=u2ZsOYn_q-n0SM&imgurl=http%3A%2F%2Ftechglimpse.com%2Fwp-content%2Fuploads%2F2013%2F01%2Fprevious-next-button-image-gallery.jpg&w=621&h=382&ei=SsT_UrXFHOjL4ATRloCICg&zoom=1&ved=0CFAQhBwwAA&iact=rc&dur=146&page=1&start=0&ndsp=15

Endret 15. februar 2014 av xx

[oddeh]

z-index?