Afbeelding nog groter weergeven.

[Jorisvh]

Zie hier: http://home.base.be/vt6358525/test/VraagAanbod.html

Als ik op de afbeelding klik zou ik graag hebben dat deze nog groter weergegeven wordt! Hoe kan dit?
Deze afbeelding mag volledig schermvullend zijn. Ik wil graag dat ik de tekst op de afbeelding goed kan lezen.

Welke instellingen moet ik hiervoor aanpassen? Ik vermoed dat dit in ./js/jquery.fancyzoom.js zal zijn. Maar weet niet waar en wat.
Let wel: als je deze afbeelding sluit door op dat kruis rechts boven te klikken, dan wordt ie wel even in ware grootte getoond.

 

[csshunter]

Hoi Jorisvh,
Je kan in het javascript gaan duiken, maar met alleen wat css kom je ook een heel eind, als je dit toevoegt:

.jqfancyzoombox {
    top: 20px !important;
    height: auto !important;
    text-align: center;
    }
.jqfancyzoombox img {
    width: 1147px !important;
    }
.jqfancyzoomclosebox {
    top: 30px !important;
    left: auto !important;
    right: 100px !important;
    }

Het "!important" is een voorrangsregel, waardoor de andere waarden van het javascript geen invloed meer hebben.
De afbeelding wordt nu altijd op ware grootte getoond, onafhankelijk van beeldschermformaat/resolutie van de bezoeker.

Met vriendelijke groet,
CSShunter

 

[Jorisvh]

Bedankt csshunter. Nu werkt het!


Groeten

Joris