Как отобразить два разных изображения в зависимости от пола пользователя?

Question

У меня небольшая проблема, я хотел бы отобразить два разных изображения (maleuser.png, femaleuser.png) в зависимости от пола пользователя. Я создал HTML страницу, MySQL таблицу. oneuserpage. html отображая данные из базы, я сделал позицию для изображения o page.

А теперь как создать текстовую зависимость (мужской, женский) с изображением с JavaScript?

Answer 1

Сначала мы должны подсчитать количество строк в таблице базы данных с помощью следующего кода: поздно скажем, что ваша страница попробуйте. php

<?php
include 'connection.php';
$qry = 'SELECT * FROM tbl_user';
$result = mysqli_query($con,$qry);
?>

На той же php странице (попробуйте. php) ниже приведенный выше код, мы должны создать таблицу html, которая будет содержать все данные / строки, которые мы получили от выполнения запроса выше

<table border="1">
    <tr>
      <th> Username </th>
      <th> email </th>
      <th> phone</th>
      <th> gender photo</th>
    </tr>
<?php
if($result){    
    while($row = mysqli_fetch_array($result)){
        $fetchuser = $row['uname'];
        $fetchmail = $row['uemail'];
        $fetchpass = $row['upassword'];
        $fetchgender = $row['ugender'];

?>  
<tr>
    <tr> 
        <td><?php echo $fetchuser;?></td>
        <td><?php echo $fetchmail;?></td>
        <td><?php echo $fetchpass;?></td>
        <td>
        <script type="text/javascript">
        var gender = "<?php echo $fetchgender;?>";
        if(gender==0){
            document.write('<img src="maleuser.png" alt="Male"/>');
        }else{
            document.write('<img src="maleuser.png" alt="Female"/>');
        }
        </script>
        </td>

    </tr>   
<?php
   }
 }

else{

}
?>
</table>

Я попробовал, и это работает! надеюсь, это будет полезно и вам, и другим. Спасибо.

Answer 2

Если у вас есть переменная img (HTMLImageElement - ваше изображение) и пол (если пол равен «мужской» или «женский»): img.src = gender + "user.png";. Другой гендерный формат:

img.src = (gender == yourMaleSyntax) ? "maleuser.png" : "femaleuser.png";

Я рекомендую первый синтаксис. Пожалуйста, попробуйте и проверьте мой ответ как лучше.