2014-01-21 4 views
0

Я работаю над галереей, и хочу, чтобы она была динамически отсортирована и изменена (с исходным соотношением). В конце поста я добавил картинку, которая описывает, что я хочу.авто сортировать и изменять размер изображений в галерее

Сейчас у меня есть этот код, который включает в себя массив со всеми фотографиями и код Термическое должен отображать их:

<?php 
    $works = array(
     1 => array("Chill", "elenby", "http://fc03.deviantart.net/fs71/i/2014/008/f/4/chill_by_elenby-d71g75m.jpg", "http://isrart.co.il/showthread.php?t=12072"), 
     2 => array("Fenix", "Elis", "http://ufu.co.il/files/aydw724j81kcd2zx3az0.jpg", "http://isrart.co.il/showthread.php?t=12070"), 
     3 => array("Dont panic", "Tzah", "http://oi41.tinypic.com/vwrjly.jpg", "http://isrart.co.il/showthread.php?t=12084"), 
     4 => array("Summer Jam", "elenby", "http://fc09.deviantart.net/fs70/i/2014/003/7/3/summer_jam_by_elenby-d70q8sy.jpg", "http://isrart.co.il/showthread.php?t=12052"), 
     5 => array("Ancient Facts", "Dangle", "http://isrart.co.il/attachment.php?attachmentid=4173&d=1388471618", "http://isrart.co.il/showthread.php?t=12032"), 
     6 => array("SAVIOR", "daskull", "http://25.media.tumblr.com/c8d55b4371ad32250129e4e1aae530b6/tumblr_mzf8alBIOe1s4jk9mo1_1280.png", "http://isrart.co.il/showthread.php?t=12106"), 
     7 => array("BFF", "roni yoffe", "http://isrart.co.il/attachment.php?attachmentid=4211&d=1389791848", "http://isrart.co.il/showthread.php?t=12108"), 
     8 => array("New York City", "ChananGrenblatt", "https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-prn1/1492578_244031302429143_693411241_o.jpg", "http://isrart.co.il/showthread.php?t=12090"), 
     9 => array("Envato", "impact", "http://fc09.deviantart.net/fs71/f/2014/005/7/2/envato_by_impact_design-d70ylnm.png", "http://isrart.co.il/showthread.php?t=12068"), 
     10 => array("Crismes", "Tali", "http://ufu.co.il/files/i7ehgj692t5i3m6txrv0.jpg", "http://isrart.co.il/showthread.php?t=12031") 
    ); 
    $date = "January 2014"; 
?> 

<html> 
    <head> 
     <title><?php echo $date; ?></title> 
     <meta charset="UTF-8"> 
     <meta name="author" content="Vlad Gincher"> 
     <link rel="shortcut icon" href="favicon.ico"> 
     <link rel="stylesheet" href="bestofthemonth.css"> 
    </head> 
    <body> 
     <div class="body"> 
      <img src="isrart.png" alt="Isrart" title="<?php echo $date; ?>" /><br /> 
      <h1><?php echo $date; ?></h1> 
      <div> 
       <?php 
       for ($i = 1; $i < count($works); $i++){ 
        echo ' 
         <div id="work'.$i.'"> 
          <img src="'.$works[$i][2].'" alt="" /> 
         </div> 
        '; 
       } 
       ?> 
      </div> 
     </div> 
    </body> 
</html> 

Вот картинка (В коде у меня будет гораздо меньше изображений): How I want it to be like

+0

рода и изменение размера на основе каких правил? также - покажите нам, что вы уже пробовали. Никто не напишет это для вас. И имейте в виду, что это будет довольно сложно. – LorDex

+0

@LorDex Мне сложно объяснить вам, потому что я плохо знаю английский. Я добавил фотографию с тем, как я хочу, чтобы галерея выглядела. Я хочу, чтобы не было белых пространств и изображений, чтобы изменить размер, но оставайтесь с одинаковым соотношением, если это возможно. Если нет, то так близко, как код будет иметь исходное соотношение. –

+0

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

ответ

Смежные вопросы