Image risize + tekst

  • Hallo,


    Ik zit met het volgende probleem waar ik 1,2,3 niet uit kom.
    Ben nu paar dagen aan het zoeken/proberen maar het wil niet.


    Het volgende is het geval. Als mensen een bericht of profiel etc aanpassen/plaatsen dan kan het wezen dat de plaatjes te groot zijn.
    Aangezien het om url's gaan en dus niet worden upgeload wordt heb ik dit niet in de hand.


    Het bericht wordt weer opgehaald met een echo uit de database.
    dus b.v.


    Code
    <p><img src="http://www.desktopas.com/files/2013/06/Girls1-1920x1080.jpg" alt="" width="1920" height="1080" /></p>


    Me max. dat ik kan hebben op me site is 700 px. Deze springt er dus uit en gooit dan ook meteen me layout door elkaar.
    Het plaatje moet dus max. 700px worden en de height moet vanzelf aangepast worden met de width zodat de image wel blijft kloppen.


    Ook heb ik met test een probleem... als ze toets in houden en dus 200x b.v. zzzzzzzzzz plaatsen dan springt ie er ook uit.
    DIt krijg ik ook niet opgelost met word-wrap: break-word;



    Wie weet hiervoor een oplossing? evt. tegen een kleine vergoeding.


    Bedankt :thumbup:

  • Guest, wil je besparen op je domeinnamen? (ad)
  • Wellicht lost dit het probleem op?

    Bedankt voor het denken maar zo wordt ie opgeslagen in de database, heb daar dus geen invloed op.
    Zal het dus alleen met het ophalen van de gegevens weer kunnen veranderen.


    Had op een andere site de volgende fuctie:

    PHP
    <script type="text/javascript">
    function resize(img)
    	{
    	if(img.width>445)
    		{
    		img.height = parseInt(img.height * 445 / img.width);
    		img.width = 445;
    		}
    	}
    </script>


    Maar dat werkt nu niet :(

  • Waarom moeilijk doen met javascript?


    Wat ik begrijp: Gebruikers kunnen een image link invoeren en dat wordt opgeslagen naar de database(?). Aangezien deze vaak te groot zijn wil je een standaard grootte meegeven.


    Wat jij probeert te doen:

    Code
    <p><img src="http://www.desktopas.com/files/2013/06/Girls1-1920x1080.jpg" alt="" width="1920" height="1080" /></p>

    (het is belangrijk om 'px' na de waardes te zetten)


    Je wilt dat het maximaal 700px breed wordt en de hoogte mag automatisch worden aangepast:

    Code
    <p><img src="Afbeelding link wat uit de database wordt gehaald " alt="" width="700px" height="auto" /></p>


    Wat bedoel je overigens met dat de site eruit springt? Is het tijdsgebonden of staat de site weer gelijk online?


    Corné

  • Sorry maar jullie begrijpen met verkeerd denk.


    Het werkt net als dit forum hier zeg maar... dus kan tekst en plaatjes etc in de database staan.


    deze haal ik weer op waar ik het nodig heb, dit wordt b.v. gedaan zoals:



    PHP
    echo $lees_blok;


    alleen als er dus grote images in staan dan laat ie het op die grote zien, waardoor ook me layout niet meer klopt.


    Als je hier op het forum een groot plaatje plaats dan wordt ie wel goed weer gegeven.
    Dus hij wordt via een functie of class volgens mij aangepast, alleen ik krijg het niet voor elkaar.


    Wil ook wel evt. betalen voor klein scriptje. Ik loop vast :(

  • Nope want de lees_blok kan ook teksten etc bevatten, het is ook voor een forum.


    Dus moet iets hebben dat img files verkleint zodra hij ze herkent.


    Aangezien het overal op alle sites werkt zal het toch wel mogelijk zijn lijkt mij.
    hier werkt het ook dus.... vreemd

  • bedankt, dit helpt wel


    Heb alleen veranderd naar max-width zodat ie niet alle plaatjes doet.


    Maar ja, nu kloppen de verhoudingen vanzelf niet meer.


    Iemand enig idee waarom deze functie niet werkt?


    PHP
    <script type="text/javascript">
    function resize(img)
    	{
    	if(img.width>445)
    		{
    		img.height = parseInt(img.height * 445 / img.width);
    		img.width = 445;
    		}
    	}
    </script>

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!