PDA

Volledige versie bekijken : foto viewer


g00fyl
%Europe/Berlin %971 %2009, 23:19
hallo,

ik ben nieuw hier...
ik moet voor mijn havo een pws (profiel werkstuk) maken. Daarvoor moet ik een website maken voor een fotograaf/illustrator. maar daarvoor heb ik een mooi foto viewer nodig. zoiets als op http://www.stevegoslingphotography.co.uk.
Het moet een soort foto viewer zijn met kleine miniaturen links en als je er dan op klikt dat rechts een vergroting komt. je moet door de miniaturen heen kunnen scrollen dmv "pijltjes" onder en boven.

alvast bedankt!

eriknoorland
%Europe/Berlin %401 %2009, 09:38
En wat is dan precies je vraag? Of wij er een weten te vinden? Of hoe je zoiets moet maken? Of waar een tutorial staat?

g00fyl
%Europe/Berlin %624 %2009, 14:59
En wat is dan precies je vraag? Of wij er een weten te vinden? Of hoe je zoiets moet maken? Of waar een tutorial staat?

liefst wil ik een kant en klare...
maar ik wil eventueel ook wel tutorial volgen als het niet te moeilijk is.

alvast bedankt!

Perrytje
%Europe/Berlin %724 %2009, 17:23
Wij doen niet aan kant en klare dingen weggeven, maar we kunnen je wel in de richting helpen.

Zo kan je bijvoorbeeld in de html een <a href='#' onClick='changeImage(img2.jpg)'> en dan met meerdere links. Dan maak je ook nog een <img src='images/img1.jpg' id='bigImage' alt='' style='width:500px; height: 500px;'>

Dan kan je in de javascript zoiets zetten:

function changeImage(img)
{
document.getElementById('bigImage').src = 'images/' + img;
}

Als je dan op de link klikt veranderd hij de src van dat grote plaatje naar de src van het plaatje dat in de changeImage functie van de link aangegeven wordt.

Terror-web
%Europe/Berlin %675 %2009, 16:12
Probeer dit eens..
http://www.twospy.com/galleriffic/example-3.html#16