Voeg een image toe

Is een str_replace niet veel doeltreffender op de output, als je tekst wilt vervangen?

Hoi;

Bedankt voor je antwoord....Ik wil de tekst niet vervangen, ik wil gewoon een image toekennen aan bepaalde tekst zodat het automatisch een image zet vóór de tekst.
Dus als er in het scriptje zoals hierboven het woord Juventus geschreven staat dat er in de output dan een image logo van Juventus bij gezet word,en zo ook voor het woord Barcelona die dan een Logo van Barcelone erbij zet.

Visueel vervang je dan niks, maar technisch gezien vervang je met str_replace de tekst met 'het logo en de tekst'.

Dus naar mijn idee is het een prima oplossing. Plus dat je de bron intact laat. Dus mocht je ooit van het idee af willen stappen, dan hoef je alleen maar de str_replace uit je layout weg te halen. Het komt qua opzet behoorlijk neer op een smiley-parser die je wel overal op internet vindt.

Bedankt voor je reactie ...

Kijk en daar loopt het nu vast bij mij :-)
Ik heb nagenoeg helemaal geen ervaring om dit te bewerkstelligen.
Is er misschien ergens een tutorial die dit onderwerp bespreekt,want ik weet dit niet zelf op te lossen.

Ik kan wel een opzet geven, maar op internet zijn ook vergelijkbare scripts in de vorm van een smiley-parser wat er op lijkt.

https://www.google.nl/search?q=php+smiley+parser



Anyway, je komt dan op dit neer:

<?php
function parseNames($text) {
$names = array();

$names[] = array("Barcelona",'<img src="barcelona.png">');
$names[] = array("Juventus","<img src='Juventus.png'>");

foreach ($names as $name) {
$text = str_replace($name[0],$name[0]." ".$name[1],$text);
}
return $text;
}

echo parseNames("Barcelona en Juventus");
?>

Als dit een soort van banner is voor een voetbalwedstrijd <team thuis> - <team uit> zou je dit toch well in CSS kunnen vangen? Maak een "home" en een "away" klasse voor de positionering van een afbeelding/marges/padding en aparte klasses voor de afbeeldingen van de teams?

<span class="home juventus">Juventus</span> - <span class="away barcelona">Barcelona</span>

En als je dit nog korter wilt maken voeg je een UBB-laag tussen zodat je zoiets kunt doen:

[home]Juventus[/home] - [away]Barcelona[/away]

Maar de pagina wordt waarschijnlijk al dynamisch opgebouwd? Met behulp van code? Die kan prima wat HTML-tags / stijlregels voor je uitschrijven, hier heb je dan niet per se een UBB-laag voor nodig. Het wordt natuurlijk iets anders als je dit in lopende tekst wilt gebruiken.

Het hangt er dus een beetje van af waar en wanneer je dit in wilt zetten.

Ik ga met deze info even aan de slag ,en hopelijk gaat het lukken

Alvast bedankt voor alle reacties

[size=xsmall]Toevoeging op 05/01/2017 01:29:37:[/size]

Ik denk dat ik eruit ben...

Ik heb het een dubbele class gegeven


<div class="match-info">
<div class="team1 ">
<!-- #TEAM IMAGE-1 -->
<div class="logo wil"></div>
<!-- #TEAM IMAGE-1 -->
<div class="name">Willem II</div>
</div>
<div class="vs">VS</div>
<div class="team2 ">
<!-- #TEAM IMAGE-2 -->
<div class="logo vit"></div>
<!-- #TEAM IMAGE-2 -->
<div class="name">Vitesse</div>
</div>
</div>

Het uiteindelijke resultaat kun je hier zien
http://sebn.sc/game.php

Ik denk dat ik het zo ga maken want dit lijkt me goed te doen,hoewel het wel veel werk is om 8 competities te verwerken :-)

Hartelijk bedankt