Autor | Zpráva | ||
---|---|---|---|
Monkeys Profil * |
#1 · Zasláno: 31. 5. 2014, 13:16:03
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> </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> |
||
Časová prodleva: 10 let
|
0