Hoi ravo,
Ah, ik begreep eerst dat amiricollections.nl een voorbeeldpagina was van jouw site.
Maar je bedoelt dat je ongeveer net zoiets zou willen!
Daarvoor zijn er oplossingen die met
javascript werken. Deze dingen werken meestal door te klikken op de afbeelding die je wilt vergroten.
- Een bekende kant-en-klaar oplossing is bijvoorbeeld lightbox, die is op verschillende manieren in te stellen. Gebruiksaanwijzing (in het Engels) staat erbij.
- Je kunt ook zelf iets bouwen met javascript. Dan kan het bv. zoiets worden als dit foto-overzicht. Gebruiksaanwijzing (in het NL) staat erbij.
Het kan ook dat de afbeelding vergroot wordt door er alleen maar met de muis overheen te gaan. Je hoeft dan niet te klikken, en als je met de muis van de afbeelding af gaat, verdwijnt de vergroting weer.
Hiervoor is geen javascript nodig, dit kan met
alleen css.
Als je veel afbeeldingen vlakbij elkaar hebt staan, en de vergroting moet daar ook in de buurt komen, dan is het oppassen met deze methode. Anders kan een vergroting van de ene afbeelding verhinderen dat je met de muis bij een kleine andere kunt komen.
- Het principe van zo'n css-hover staat in dit voorbeeld. In plaats van de groen ondersteepte woorden kunnen dan de kleine afbeeldingen komen te staan.
- Een toepassing staat op deze testpagina.
- Dit voorbeeld is van dezelfde soort.
Maar je kunt het zo mooi maken als je zelf wilt, bijvoorbeeld door een
combinatie van een css-hover met javascript.
- Dit voorbeeld is hetzelfde als het vorige, maar nu met wat javascript dat tegelijk met het verschijnen van de vergroting nu de achtergrond wat donkerder maakt.
- En bij dit voorbeeld komt als je ergens overheen muist de afbeelding zachtjes infaden. Als je met je muis weer vertrekt van dat element (tekst of kleine afbeelding), zie je de grote afbeelding weer mooi uitfaden.
Zoals je ziet, er is keus!
Met vriendelijke groet,
CSShunter
[edit]Dit is ook nog een css-hover testvoorbeeld:[/edit]
www.developerscorner.nl/csshunter/hover-vergroot/test-G-nw.htm
