foto's plaatsen in topic (auto resize)

[wibo]

ik plaats op mijn forum een 50 tal foto's nou zoek ik iets dat ze automatisch resized. want de foto's verknallen de layout
ik weet dat zoiets op het fok forum wel zit maar da's geen phpbb
is er zoiets voor phpbb ?

[mosymuis]

Ik heb hier een oplossing voor gevonden, zonder meteen alle plaatjes absolute breedte maten mee te geven. Het werkt met een door CSS gedefineerd denkbeeldig hok, wat door het overflow argument alle inhoud, wat buiten dat hok valt, negeert. Plaatjes die dus groter zijn als door de door jou opgegeven maat zullen dus worden afgesneden, waar normale plaatjes gewoon getoond worden. Het verkleint ze dus niet zoals je vroeg, maar zorgt er wel voor dat je layout gespaard blijft. 8)

• Open
  \templates\**template-naam**\bbcode.tpl
  
  Zoek (regel 56)
  <!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
  
  Vervang
  <!-- BEGIN img --><div style="width:**aantal-pixels**px;overflow:hidden;"><img src="{URL}" border="0" /></div><!-- END img -->
  
  Sla je file op en load hem up

Waar je de blauwe teksten dus zelf even moet aanpassen. Je template naam is bijvoorbeeld subSilver, en het aantal pixels moet je instellen op iets van 600.

[wibo]

ok, bedankt
dat is tenminste al iets beter.

[Bruno]

Dit werkt ook:

<!-- BEGIN img --><a href="{URL}"><img src="{URL}" width="700" border="0" alt='klik hier om de foto in een nieuw scherm te zien' /><!-- END img -->

[mosymuis]

dan wordt dus elk plaatje opgeblazen naar 700px breed, zelfs als iemand bijvoorbeeld een smileytje van 15x15 post van http://www.smilies.nl. Zou ik dus niet aanraden...

[Bruno]

dan wordt dus elk plaatje opgeblazen naar 700px breed, zelfs als iemand bijvoorbeeld een smileytje van 15x15 post van http://www.smilies.nl. Zou ik dus niet aanraden...

Je hebt gelijk.kan ook in html:

Code: Selecteer alles

<img border="0" src="YOUR URL" alt='YOUR COMMENT' width="600" height="400">

Maarja dan moet je wel html aanzetten voor je forum.

[Aeolus]

dan nog is dat geen oplossing voor het probleem wat mosymuis ermee aangeeft. in jouw geval is het idd zo dat alle plaatjes die gepost worden op 600 x 400 komen te staan... en dus ook bij plaatjes die kleiner zijn... plus dat je een gefixte hoogte breedte verhouding aangeeft, als ik dus een plaatje post van 400 x 600 gaat jouw script hem resizen naar 600 x 400... je kan dan wel raden hoe dat eruit komt te zien...

[Aeolus]

als je je plaatje clickable wil hebben, dan pas je de code zoals mosymuis hem gaf als volgt aan :

<!-- BEGIN img -->
<div style="width:**aantal-pixels**px;overflow:hidden;"><a href="{URL}"><img src="{URL}" border="0" /></a></div><!-- END img -->

dan zijn ze clickable... let wel... ook wanneer ze niet te groot zijn zijn ze clickable... mischien dat mosymuis hier ook nog iets op weet? ik nie

[Bruno]

dan nog is dat geen oplossing voor het probleem wat mosymuis ermee aangeeft. in jouw geval is het idd zo dat alle plaatjes die gepost worden op 600 x 400 komen te staan... en dus ook bij plaatjes die kleiner zijn... plus dat je een gefixte hoogte breedte verhouding aangeeft, als ik dus een plaatje post van 400 x 600 gaat jouw script hem resizen naar 600 x 400... je kan dan wel raden hoe dat eruit komt te zien...

tja je kun natuurlijk ook de width en height aanpassen,had er maar als voorbeeld 600 en 400 neergezet.Denk dat dit wel de juiste maten waren geweest voor de topic starter.
Verder voor de foto's die niet zo groot zijn kun je toch gewoon weer de img tags gebruiken.

bruno

[wibo]

Dit werkt ook:

<!-- BEGIN img --><a href="{URL}"><img src="{URL}" width="700" border="0" alt='klik hier om de foto in een nieuw scherm te zien' /><!-- END img -->

ja als ik er nu op klik opent hij het in het zelfde venster.
wat pas ik aan aan die regel zodat ie hem door er op te klikken opent in een nieuw venster?

[Aeolus]

Code: Selecteer alles

<!-- BEGIN img --><a href="{URL}" target="_blank"><img src="{URL}" width="700" border="0" alt='klik hier om de foto in een nieuw scherm te zien' /><!-- END img -->[list][/list]

[Aeolus]

maar nogmaals, je kan beter de code gebruiken van mosymuis... dan werkt het optimaal...

[wibo]

deze werkt ook prima. (zie http://www.zaan-stap.tk)
nu past ie de breedte aan naar 700 en als ik er op klik opent hij de image in een niew venster en werkt perfect.


Bedankt!

[Aeolus]

werkt idd perfect...

zie hier mijn testje...

http://members.lycos.nl/wibo25/viewtopic.php?p=16#16