SUCKER
wzl-lid
Sinds 16/5/2005
T: 8
R: 85
|
14/1/2008 -
10:31u
| Quote
|
Op welke manier worden de images van posts op wzl vanzelf geresized, zodat deze braafjes in het middelste paneel van de site zitten?
Blijkbaar staat er een [imgwidth] attribuut mee in de img tag, maar dat op zich doet precies nikske, en ik heb ook niks gevonden in de css files.
Iemand een idee? 
|
D3ton8oR
Stella-man
Sinds 15/10/2003
T:32 -
R:1581
|
14/1/2008 -
11:20u
| Quote
|
Wsl javascript.. kijk hier eens naar anders:
klik
Lees ook maar de comments onderaan, staan nog wa andere opties
|
SUCKER
wzl-lid
Sinds 16/5/2005
T:8 -
R:85
|
14/1/2008 -
11:26u
| Quote
|
Aha, dat ziet er interessant uit!
Als ik nog eens een half uurtje pauze pak bij het studeren zal ik het eens uittesten. 
Thanks a lot! 
EDIT: na wat gesukkel krijg ik het script niet werkende (geen errors maar de loop om alle img's te overlopen wordt niet uitgevoerd), en merk ik ook dat het script altijd images zal resizen, zelfs al passen ze wel in het paneel. Er gaat altijd 10px af, maar dat wou ik dus niet.
Misschien toch nog eventjes wachten tot iemand weet hoe het op wzl gebeurt, ik ga ondertussen eens zoeken in de javascript files daarvan.
EDIT2: onderaan elke wzl pagina (bij fun toch):
function check_images() {
var resize_w = document.body.clientWidth-320;
for(i=0;i<document.images.length;i++) {
if(document.images[i ].width > resize_w && document.images[i ].title != "noresize" )
document.images[i ].width = resize_w;
}
}
setInterval(check_images,2000);
En nu maar testen he. 
EDIT3: Miljaar, ik moet echt stoppen met dit nu uit te zoeken en wa voort school doen he.
Ik heb gelukkig al werkende code, ik moet alleen mijn berekening van mijn breedtes nog doen om in alle resoluties exact te weten te komen hoe breed de foto's mogen zijn. Ik werk met percentages dus da's een beetje ingewikkeld.
Laatst aangepast door
SUCKER
op 14/01/2008 13:20:31u
(5x aangepast)
|
SUCKER
wzl-lid
Sinds 16/5/2005
T:8 -
R:85
|
14/1/2008 -
15:26u
| Quote
|
Voila, ik heb werkende code!
Nen img tag:
<img name="resize" id="resize" src="foto.jpg" />
daaronder nen javascript aanroep:
<script language="javascript">
<!--
setInterval(check_image,1000);
-->
</script>
En dan nog wa custom code in een apart .js bestand:
function check_image(){
//code afgeleid van wzl.be
//breedtes:
//(wordt speciaal voor mijnen site berekend )
var resize_w = document.documentElement.clientWidth * 0.86 - (125+50+60)-40;
pic = document.getElementById("resize" ) ;
//foto kleiner weergeven als hij niet in het kader past
if(pic.width > resize_w)
pic.width = resize_w;
}
Laatst aangepast door
SUCKER
op 14/01/2008 15:26:58u
(1x aangepast)
|
