W czasie projektowania swojej strony napotkałem na problem z wyświetleniem danej części obrazka z bady danych.
Mam kod:
  1. $result = dbquery(
  2. "SELECT *
  3. FROM ".DB_MODELGFS."
  4. ORDER BY model_id ASC LIMIT 50"
  5. );
  6. if (dbrows($result)) {
  7. while($data = dbarray($result)) {
  8. echo '<div>';
  9. echo "<a class='thumbnail' href='#' data-image-id='' data-toggle='modal' data-title='...' data-caption='' data-image='...link.../".$data['model_mlcape'].".png' data-target='#image-gallery'>";
  10. echo "<img src='...link.../".$data['model_mlcape'].".png'>";
  11. echo '</a>';
  12. echo '</div>';
  13. }
  14. }

Oczywiście obrazek wyświetla się, ale jak zrobić, aby był wyświetlony tylko np. prawy górny róg tego obrazka?
Coś jak tutaj.
  1. <div class="col-sm-6 col-md-3 thumb">
  2. <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="..." data-caption="" data-image="...link/....gif" data-target="#image-gallery">
  3. <div class="img-responsive" style="width: 260px; height: 190px; overflow: hidden; background: url('...link....gif') -470px -100px no-repeat;">
  4. </div>
  5. </a>
  6. </div>