Pagina 1 van 1

foto's plaatsen in topic (auto resize)

Geplaatst: 31 aug 2003, 15:54
door 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 ?

Geplaatst: 31 aug 2003, 16:11
door 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. :P

Geplaatst: 31 aug 2003, 17:42
door wibo
ok, bedankt
dat is tenminste al iets beter.

Geplaatst: 01 sep 2003, 12:42
door 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 -->

Geplaatst: 01 sep 2003, 19:47
door 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... :wink:

Geplaatst: 02 sep 2003, 12:34
door Bruno
mosymuis schreef: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... :wink:
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.

Geplaatst: 02 sep 2003, 13:02
door 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...

Geplaatst: 02 sep 2003, 13:04
door 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 :(

Geplaatst: 02 sep 2003, 13:37
door Bruno
Budweiser schreef: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

Geplaatst: 07 sep 2003, 18:41
door wibo
Bruno schreef: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?

Geplaatst: 08 sep 2003, 00:07
door 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]

Geplaatst: 08 sep 2003, 00:08
door Aeolus
maar nogmaals, je kan beter de code gebruiken van mosymuis... dan werkt het optimaal...

Geplaatst: 08 sep 2003, 16:15
door 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!

Geplaatst: 08 sep 2003, 16:34
door Aeolus
werkt idd perfect...

zie hier mijn testje...

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

:wink: