Foto's naast elkaar

Status
Niet open voor verdere reacties.
M

marbo2

Gebruiker
Lid geworden
7 okt 2007
Berichten
176
Is het mogelijk om foto's naast elkaar te plaatsen?
Als ik in mijn forum foto's upload komen deze automatisch naast elkaar.
 
De regel onder de vraag had moeten zijn 'Als ik in mijn forum foto's upload komen deze automatisch onder elkaar'.

Heb de link bekeken, maar hier kom ik niet uit/verder mee
 
zet je de foto's in een div?
heb je al style="float:left" geprobeerd?
 
Wat is een div?
En nee niet geprobeerd, hoe doe ik dat?
 
Hoi marbo2,
Als ik deze pagina bekijk, dan ziet het ernaar uit dat het forum-CMS automatisch na elke geüploade foto twee <br>'s toevoegt, die dan een afstandje maken en naar de volgende regel springen.

  • Wil je dat anders hebben, dan zal je het PHP-bestand moeten opsnorren dat hiervoor zorgt, en dan die twee <br>'s daaruit moeten schrappen.
  • Vervolgens kan je in de css de afbeeldingen laten floaten, zodat ze (met een afstandje ertussen) automatisch naast elkaar komen, en op de volgende regel als de ruimte in de breedte op is.
  • Je hebt kans dat er ook nog wat verzonnen moet worden voor als de afbeeldingen in hoogte verschillen (de breedte is altijd gelijk, zo te zien).
Welk php-bestand is dat dan?
Geen idee: dat kunnen we jammer genoeg niet vanaf de buitenkant zien.
Misschien staat het in de gebruiksaanwijzing van de gebruikte "Absolution" phpBB style.

Succes!
Met vriendelijke groet,
CSShunter
 
Als ik een geüploade foto bekijk zie ik geen <br> staan in de regel
 
Laatst bewerkt:
O! :eek: Op de pagina van de link hierboven zag ik ze wel. Of waren dat geen geüploade foto's?

In elk geval kan ik er nu niet meer bij: de site heeft intussen een inlog-blokkade.

Kan je een testpagina maken met een paar geüploade foto's er in, waar we wel bij kunnen?
 
Hoi marbo2,
... Als ik een geüploade foto bekijk zie ik geen <br> staan in de regel ...
... op onderstaand forum is alles het zelfde ingesteld als andere forum ...
Klik om te vergroten...

O.k., nu kan ik weer iets zien.
Maar ook in het andere forum zijn er wel degelijk 2 <br>'s na elke link met een afbeelding! Zie dit screenshot met de code. :rolleyes:
Of de broncode van deze kopie: http://bliksekaters.nl/tests/dv-forum-ori.htm

Maar behalve het CMS dat die <br>'s kan plaatsen, is er denk ik nog een mogelijkheid: de uploaders kunnen ze er misschien zelf bij zetten! :shocked:
  • Dat zou niet onlogisch zijn, want als je ze (zoals het nu in elkaar zit) naast elkaar zet, dan komen ze pal tegen elkaar aan te staan, wat niet zo mooi is.

Maar er is een kans dat je het achteraf kunt corrigeren (of het CMS of de uploader de <br>'s zou plaatsen maakt dan niet uit).
Daarvoor is nodig dat je een javascript-bestandje op de server zet, en in de pagina's een verwijsregel daarnaartoe.

Toelichting
Dit is precies dezelfde pagina, alleen zit helemaal op het eind (vlak voor de </body></html>) een verwijsregeltje naar een javascript:
HTML: 
...
<script type="text/javascript" src=".../scripts/delete-br.js"></script>
</body>
<html>
Eventueel zou het ook vlak voor de </head> geplaatst kunnen worden.

  • Het gaat om dit script, dat hier klaar staat voor de download: delete-br.js :)
Hierin worden eerst alle <div>'s van de pagina doorgelopen.
Zodra er eentje bij zit die een class="vt-postcontent" heeft, dan is dat een blok in de pagina waar een bericht in zit.
Bij zo'n bericht-blok worden vervolgens alle links doorgelopen.
Zit daar een link bij waar een image in zit, dan komt de fabriek in werking:
  1. Om te beginnen worden de link-onderstrepingen onder het image weggehaald.
  2. Dan krijgt het image rondom een marge, tegen het tegen elkaar aan plakken.
  3. Daarna gaat een functie detectBR() in werking, die kijkt of er meteen na de link <a> een volgend element zit (een "nextSibling") dat een <br> is.
  4. Zo ja, dan wordt dit met display:none weggehaald van het scherm.
  5. Daarna herhaalt de functie zich, om te kijken of er na de <br> nog een of meer <br>'s zitten; dan worden die ook weggehaald.
  6. Zijn alle <br>'s na een link weg, dan wordt de volgende link met image gepakt, en gebeurt het opnieuw.
  7. Net zo lang tot alle links met <br>'s geweest zijn.
Daarna komt het volgende berichtblok aan de beurt; zit daar ook een kolommetje images in, dan komt de fabriek weer tot leven. Zit er niks in, dan snel naar het volgende berichtblok.
Tot alle berichtblokken geweest zijn, en de images allemaal naast elkaar zijn gerangschikt.

Gelukkig kunnen browsers dit veel sneller dan ik het kan opschrijven. ;)

Maar het staat of valt er dus mee, of je het javascript in de forumpagina's kunt stoppen.
En misschien zijn er voor Internet Explorer nog aanvullende maatregelen nodig (ik kan IE8 en IE9 hier niet testen).

Met vriendelijke groet,
CSShunter
 
@Roy:
Ja, op zich is dat een prima idee. De nattigheid is echter dat de foto's geüpload worden via het CMS van het (phpBB) forum, en dat je niet zomaar zelf de html-code in de hand hebt.
  • Vandaar dacht ik aan een "dan maar achteraf corrigeren" oplossing met een javascriptje.
  • Of je zou diep de phpBB in moeten duiken om het plaatsen van de extra <br>'s niet te laten doorgaan.
Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan