plaatje

Status
Niet open voor verdere reacties.

carlo boy7

Gebruiker
Lid geworden
28 feb 2009
Berichten
156
Hoi, ik heb een vraag over afbeelding, op afbeelding plaatsen.
Hoe kan een stuk of 7 afbeeldingen op een afbeelding plaatsen?
Die 7 afbeeldingen worden automatich verander, en het in gewoon onmogelijk om steeds een afbeelding daarvan te maken.
Het moet graag zo werken :D:

Er is een "hoofd-afbeelding" de achtergrond eigelijk ;)
Dan komen 7 afbeeldingen op de "hoofd-afbeelding".
Die afbeeldingen worden door een soort script bepaalt.
Uiteindelijk word de "hoofd-afbeelding" getoond in die afbeeldingen.
Maar hij mag niet veranderd zijn. Dus als je dan de orginele "hoofd-afbeelding" bekijkt dan zie je die 7 afbeeldingen niet.

Hoe moet ik dit aanpakken?
En hoe kan ik bepalen waar de afbeeldingen komen?
 
Laatst bewerkt:
Je kunt middels de GD library on-the-fly images maken.

Als je wat nauwkeuriger aangeeft hoe je de afbeeldingen wilt hebben, dan kunnen we je misschien ook wat beter helpen. (Hoe groot moeten die afbeeldingen zijn? Transparantie? Willekeurige plaats?)
 
Het gaat om een afbeelding waarbij niks transparant is.
Het gaat om de grote van afbeelding 1
En de kleine plaatjes (2) komen op die roden vlakke.
Let niet op de afbeelding ik had de orginele afbeelding niet bijdehand, dus ik heb snel er eentje gemaakt ;)
maar de afmeetingen zijn het zelfde
 
Laatst bewerkt:
Uit je andere topic kon ik afleiden dat je eigenlijk een vaste achtergrond wilt, en dan zijn je afbeeldingen die je daarop legt aanklikbaar ofzo...
HTML:
<div style="background-image('dit_is_mijn_achtergrondafbeelding.png'); min-width: 321px; min-height:123px; position: relative;">
    <a href="link1.htm" border="0"><img src="afbeelding1.jpg" alt="afb1" style="position: absolute; top: 20px; left: 17px; /></a>
    <a href="link2.htm" border="0"><img src="afbeelding2.jpg" alt="afb2" style="position: absolute; top: 20px; left: 117px; /></a>
    ...
</div>
 
:pDank je :)
Dit is met HTML.
Hoe kan ik hetzelfde doen met PHP?:thumb:
Het is geen dringende vraag, het is alleen intresse in plaatjes maken met php.
En ook een beetje dat ik het ook ergens nodig voor heb :p
Dus dat is de rede :)
 
Wat je dan zou kunnen doen is php die html laten echoën, met de waardes van de links en afbeelding ingevuld.

Concept:
PHP:
<div style="background-image('dit_is_mijn_achtergrondafbeelding.png'); min-width: 321px; min-height:123px; position: relative;">
<?php
$data = array(
        "link1.htm" => "afbeelding1.jpg",
        "link2.htm" => "afbeelding2.jpg"
    );

foreach ($data as $link => $img) {
        echo '<a href="' . $link . '" border="0"><img src="' . $img .'" alt="' . $img . '" /></a>';
}
?>
</div>
 
Zoals Johantax ook al zegt is het idd het makkelijkste om het gewoon met html te doen (zie zijn eerste voorbeeld)

Als je het met php wil gaan doen is de makkelijkste manier via de GD lib (php.net/gd)
Je gaat dan alsvolgt tewerk:

Eerst open je je achtergrondplaatje in een var, bv.:
$plaatje = createimagefromjpeg('bestandsnaam.jpg'); // je hebt verschillende functies voor verschillende plaatjes formaten, zie php.net/createimagefrom.....

Dan laad je ook je andere plaatje in:
$kleinplaatje = createimagefromjpeg('plaatje.jpg');

Dan plak je de kleine er bij de grote in:
$plaatje = imagecopy($plaatje, $kleinplaatje, x coord waar hij moet komen, y coord waar hij moet komen, 0, 0, weight van je plaatje, height van je plaatje);

dan dat voor elk plaatje een keer herhalen en op het einde kan je je plaatje laten zien door bv. imagejpeg($plaatje);

dat is een heel klein beetje de basis, als je nog meer vragen hebt moet je ze maar stellen :)
 
@ticom: GD-lib is hier niet echt de goede oplossing, aangezien volgens de TS zijn kleinere afbeeldingen als link moeten werken.
Het is dan veel beter om ze ook zo te gebruiken, dan eerst rekenkracht te verdoen aan imageblitting, en dan daarna nog eens een bijhorende imagemap moeten genereren...
 
Dat klopt, maar wat ik zei was meer voor informatie aan de topic starter omdat hij zei dat hij wel meer info wou over plaatjes bewerking in php omdat hij het ook nog voor iets anders nodig had.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan