Сдвиг изображения в цикле php

Question

День добрый. Подскажите идею, как можно динамически сдвигать 2-е изображение на Н пикселей относительно 1-го изображения, а 3-е на Н пикселей относительно 2-го..имею такой код

                $query = $bds->query("SELECT * FROM awards_playerlist WHERE who='$result[4]'");

                while ($result2 = $query->fetch_array(MYSQLI_BOTH))
                {

                    $getAwardID = $result2[2];
                    $getType = $result2[5];


                    $qquery = $bds->query("SELECT * FROM awards WHERE id='$getAwardID'");

                    $getArray = mysqli_fetch_array($qquery);                                
                    $getHeader = $getArray['head'];
                    $getDesct = $getArray['desct'];
                    $getIMG = $getArray['img']; 

                    //Изображения. Сейчас они лепятся друг на друга (Кэп)
                    echo '<img src="'.$getIMG.'" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="<b>'.$getHeader.'</b><br><br>',$getDesct,'" style="border-radius: 0px!important;    position: absolute;    left: 65px;    width: 25px;    top: -1px">';   

                }

Буду очень признателен ))

Answer 1

А нет у $getArray разве какого нибудь index'a

echo '<img src="'.$getIMG.'" data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="<b>'.$getHeader.'</b><br><br>',$getDesct,'" style="border-radius: 0px!important;    position: absolute;    left:'. 65 * $getArray['index'] . 'px;    width: 25px;    top: -1px">';

Answer 2

img{width:100px;height:100px}
img.some:not(:first-child){margin-left:-25px}

<div>
  <img class="some" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRAJa_7prKkNFnsLRZ1gITWwI3F97LOlvLVtSP0Ns3u7Rki5GLT"/>
  <img class="some" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRAJa_7prKkNFnsLRZ1gITWwI3F97LOlvLVtSP0Ns3u7Rki5GLT"/>
  <img class="some" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRAJa_7prKkNFnsLRZ1gITWwI3F97LOlvLVtSP0Ns3u7Rki5GLT"/>
</div>

БЛОГ НА HUSL

Сдвиг изображения в цикле php

Ответы (2 шт):