Autor Zpráva
Monkeys
Profil *
Mam mriezku obrazkov 9 na sirku a 6 na vysku
Potreboval by som zachovat vysku 6 obrazkov ale do sirky mozu ist lubovolne

V kode je cislo 54 je to cislo zobrazujuce maximalny pocet obrazkov pri mriezke 9 * 6.


Kod:

<?php
$i = 1;
$num = 150; // pocet obrazkov moze sa menit!
$pocet = ($num <= 54) ? 9 : ceil($num/6);
while($i <= $num){
if($i%$pocet == 1 && $i != 1):
$clear = '<div class="clear"></div> '."\n";     ///<p>&nbsp;</p>  
else:
$clear = ""."\n";
endif;
?>
<div class="image-galery"><a href=""><span class="zoom"></span><img src="image/galery_foto.jpg" width="124" height="124"></a></div><?php print $clear; ?>
<?php
$i++;
}
?>

teraz to pocita tak ze ak ostanu 4 obrazky tak ich da na spodok teda na vysku ich uz bude 7.
Do sirky to chcem riesit pretoze ostatne sa budu posuvat cez sipky v jquery.

dik za tip

M.
weroro
Profil
Napadlo ma to urobiť takto.
<?php
    $picsNum = 150; // pocet obrazkov moze sa menit!
    $imgWidth = 124; // sirka obrazku
    $imgHeight = 124; // vyska obrazku
    $rowsNum = 6; // pocet riadkov
    
    $viewHeight = $imgHeight * $rowsNum; // prepocitana vyska kontajneru a obalovacieho DIVu
    $galleryWidth = ceil($picsNum / $rowsNum) * $imgWidth; // prepocitana sirka obalovacieho DIVu pre obrázky
?>
<style type="text/css">
<!--
    body {
        margin:0;
        padding:0;
    }
    .image-gallery {
    /*
      ak bude zadefinovana ina hodnota ako 100%,
      treba odkomentovať overflow
    */
        width:100%;
        /*overflow: hidden;*/    
    }
    .image-gallery, .image-gallery div {
        height:<?php echo $viewHeight;?>px;
    } 
    .image-gallery div {
        width:<?php echo $galleryWidth;?>px;
    }
    .image-gallery div a, .image-gallery div a img {
        width:<?php echo $imgWidth;?>px;
        height:<?php echo $imgHeight;?>px;
    }
    .image-gallery div a {
        display:block;
        float:left;
    }
//-->    
</style>
<div class="image-gallery">
  <div>
<?php for ($i = 0; $i < $picsNum; $i++):?>
    <a href="#">
      <span class="zoom"></span>
      <img src="image/galery_foto.jpg" alt="">
    </a>
<?php endfor;?>
  </div>
</div>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: