Почему не отображаются аватарки?

Question

[Виталий Гаврилов]

День добрый. Гляньте, пожалуйста, на код свежим взглядом. Почему не отображаются аватарки пользователей?

Рузельтат:

<div class="panel panel-default">
	<?php	
		include("db_connect.php");
		$usersData = [];
		$steamIds = [];
        $query = "SELECT steam_id FROM users_profiles ORDER BY `id` DESC limit 15";
        $result = mysql_query($query)or die("MySQL Error");
        if (mysql_num_rows($result) > 0) {
            while ($row = mysql_fetch_assoc($result)) {
                $usersData[$row['steam_id']] = $row;
				$steamIds = $row['steam_id'];
            }
        }

		$url = "http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=".$steamauth['apikey']."&steamids=" . join(',', $steamIds);
		$ch = curl_init();
		curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
		curl_setopt($ch, CURLOPT_URL,$url);
		curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
		$result=curl_exec($ch);
		curl_close($ch);
		$steamData = json_decode($result, true);
		
		foreach($steamData['response']['players'] as &$player) {
			$usersData[$player['steamid']]['steam_avatar'] = $player['avatarfull'];
			$usersData[$player['steamid']]['steam_name'] = $player['personaname'];
		}
		
		$chunked = array_chunk($usersData, 3);	
	?>
	  
  <table class="table table-striped table-responsive table-bordered">
	<tbody>
		<?php foreach($chunked as &$chunked_row): ?>
			<tr>
				<?php foreach($chunked_row as &$chunked_cell): ?>
					<td>
						<center>
							<img src="<?= htmlspecialchars($chunked_cell['steam_avatar']); ?>" width="50px" height="50px"/>
							<?= htmlspecialchars($chunked_cell['steam_avatar']); ?>
						</center>
					</td>
				<?php endforeach; ?>
			</tr>
		<?php endforeach; ?>
    </tbody>
  </table>
</div>

<div class="panel panel-default">
	<div class="panel-body">
		<div class="col-md-12">
			<center>
				<div class="col-md-4">
					<h2><i class='fa fa-area-chart fa-2x'></i> All statistics</h2>
					All CS:GO statistics are available here.
				</div>
				<div class="col-md-4">
					<h2><i class='fa fa-fighter-jet fa-2x'></i> Fast response</h2>
					Statistics are shown really fast, but also you need a good internet speed.
				</div>
				<div class="col-md-4">
					<h2><i class='fa fa-lock fa-2x'></i> Security</h2>
					All is secure. We don't use database for anything.<br /> We will never ask for your Steam password.
				</div>
			</center>
		</div>
	</div>
</div>

Answer 1

[Дмитрий]

Доброй ночи.
Как я понимаю, вывод аватарки в этом куске кода?

<a href="<img src="<?= htmlspecialchars($chunked_cell['steam_avatar']); ?>" width="50px" height="50px"/>"></a>

Для начала попробуйте вывести просто значение атрибута src и посмотрите, что получается.
Потом проверьте наличие изображения по указанному пути.
Затем права доступа к файлу изображения, должно быть 644.
И самое главное, что-то Вы тут намудрили, в самой вложенности тегов.
Я думаю, что так будет правильней:

<a href="тут_адрес_куда_надо_перейти"><img src="<?= htmlspecialchars($chunked_cell['steam_avatar']); ?>" width="50px" height="50px"/></a>

Подставлять значение атрибута src надо уже обработанным, без всякого htmlspecialchars. Сначала обработайте, а потом подставляйте результат.

Comments

[Виталий Гаврилов]

Для начала попробуйте вывести просто значение атрибута src и посмотрите, что получается.
Потом проверьте наличие изображения по указанному пути.
Затем права доступа к файлу изображения, должно быть 644.

Изображения получаются с серверов Steam через API, поэтому эти варианты отпадают...

[Дмитрий]

Виталий Гаврилов: В любом случае у Вас нарушена вложенность тегов. Выводите изображения как я показал, тег img вместо текста ссылки.
Скачайте изображения через api и разместите на своём сервере, показывайте эти изображения. Если надо - лучше обновите через api, но показывайте со своего сервера.
Если Вы пытаетесь показать с их сервера, то возможно у Вас нет удалённого доступа к изображениям.

[Elsevar Rizayev]

slo_nik: +

[Виталий Гаврилов]

slo_nik: удаленный доступ есть, 100%. На другой странице моего сайта тоже берутся изображения оттуда, правда там немного другой смысл. Там показывается аватарка пользователя, который онлайн. А в данном случае мне нужны аватарки пользователей из базы.

[Дмитрий]

Виталий Гаврилов: Зачем Вам делать постоянный запрос на удалённый сайт. Спарсите базу, спарсите изображения и показывайте со своего сервера.
И ещё раз, Вы неправильно делаете вложенность тегов. У атрибута href не должно быть изображения в значении, только адрес, внутренний или внешний. Если Вы хотите, чтобы изображение скачивалось, то укажите в href путь к этому изображению, но не пытайтесь делать вывод при помощи img. Сделайте нормально вложенность, а потом будете разбираться, почему у Вас не выводит изображение.
<a href="path_to_img"><img src="path_to_img /></a>
Если Вы просто выведите значение src, изображение показывается?

[Elsevar Rizayev]

slo_nik: у него пустота, видимо не парсится json.
Проверяй на каждом шагу, что лежит в переменной, тупо выводи ссылку на изображение.

[Виталий Гаврилов]

slo_nik: Где вы вообще нашли href? Изображение выводится только если вручную вывести картинку из API.

[Виталий Гаврилов]

Elsevar Rizayev: Там каждую авторизацию пользователей будут меняться изображения, как я могу получить прямую ссылку на изображение? Только через API.

[Дмитрий]

Виталий Гаврилов: href нашёл в этом участке кода

<a href="<img src="<?= htmlspecialchars($chunked_cell['steam_avatar']); ?>" width="50px" height="50px"/>"></a>

который скопировал из Вашего примера.