PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
?

Functie om een ​​afbeelding weer te geven

Door Onbekende gebruiker op 08-03-2023 15:42
5.648 views
Javascript kan dingen die PHP niet kan. En ik kan geen javascript. Daarom vraag ik hier om hulp:
Ik heb een functie nodig die een afbeelding weergeeft zoals HTML zou doen met de instructie "<img class='full' src='foto.jpg'>".
Hoe moet ik de volgende code completeren om dit te bereiken?

<style>
img.full {
  position:   fixed;
  object-fit: contain;
  width:      calc(100% - 80px);
  height:     100%;
  }
</style>

<script>
  function picture($pic)
  {
  }
</script>

<?php
  $file="foto.jpg";
  echo "<button onclick='picture($file)'>Click</button>";
?>
- Ariën -
08-03-2023 15:46
En met welke reden moet dit in PHP?
? Onbekende gebruiker
08-03-2023 16:06
Simpelweg omdat mijn website in PHP is geschreven en - zoals al geschreven - ik geen Javascript kan.
? Onbekende gebruiker
08-03-2023 16:46
De links kunnen nuttig zijn voor iemand die bekend is met javascript en al weet wat er in de functie moet staan ??om een ??afbeelding weer te geven. Dus niet voor mij.
- Ariën -
08-03-2023 16:48 gewijzigd op 08-03-2023 16:53
Het is gelukkig onderdeel van een tutorial. :-)

Dus probeer eens wat, zou ik zeggen. Als je de voorbeelden bekijkt heb je al een gelijksoortig voorbeeld.
A Adoptive Solution
08-03-2023 16:54 gewijzigd op 08-03-2023 16:55
Wellicht is handig om te vertellen wat die functie zou moeten doen.

Dan maar zelf iets bedacht.

 <script>

function picture(picture) {
	afb = document.getElementById("picture");
	afb.src = picture;
}
</script>

<button onclick='picture("tekening.svg")'>Click</button>

<img id="picture" src="" style="width: 300px; height:300px;" />
? Onbekende gebruiker
08-03-2023 17:33
Dat is het! Hartelijk dank.
Maar toch een kleine vraag: Aan het begin verschijnt er een frame. Waarom en hoe kom ik er vanaf?
PS: Ik zal de functie gebruiken in een fotogalerij.
A Adoptive Solution
08-03-2023 18:19
Gebruik dit. Is een transparante gif van 1*1 pixel.

<img class='full' id="picture" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
? Onbekende gebruiker
08-03-2023 22:22
Nee joh, als een afbeelding leeg is gebruik je een CSS selector om het element hidden te maken.

<style>img[src=""] { display: none }</style>
<img src="" alt="afbeelding" />

Reageren

Inloggen om te reageren