2012-02-20 14 views
0
<div id="car"> 
    <div style="padding-left: 10px; padding-top: 20px;" class="photos"> 

     <?php if (count($photos) > 0) { foreach($photos as $photo) { 
      ?> 

      <div style="float: left; text-align: center; width: 78px; padding-right: 10px; padding-top: 5px;"> 
       <a rel="photos" href="images/cars/<?php echo $_GET["id"] . "/" . $photo; ?>" title="<?php echo $car->getTextByLanguage($lang->id)->value; ?>"> 
        <img alt="" src="images/cars/<?php echo $_GET["id"] . "/small/" . $photo; ?>" width="100%"> 
       </a> 
      </div> 


      <?php } } else { ?> 
      No photos available. 
     <?php } ?> 
    </div> 
</div> 

イメージを並べて並べて、各行に8イメージしか配置しません。どのように私はこれを行うことができる任意のアイデア?私は1つのdivを持っている必要があり、そのdivの中にように8を作成し、shoud ...イメージを並べる方法

答えて

3

あなたは

は、あなたのスタイルシートで設定1次回クラスを使用することができます:

.image {float:left;text-align:center;width:78px;padding-left:10px;padding-top:5px;} 
.first {clear:both;padding-left:0;} 
私はこのようにこれにしたいです

そして、あなたのforeachのコードでそれを設定します。

<? 
$i=0; 
foreach($photos as $photo) { 
<div class='image <?=($i%7==0?"first":"");?>'> 
... 
+0

'i%7 == 0'を' i == 7'に置き換える方が簡単ではありません –

+2

もっと多くの行があれば動作しません。あなたはi == 7 ||を置く必要があります。 i == 14 || i == 21 ... $ i%7はもっとシンプルです。 – David

1

あなたのコードを改善するために試してみてください:

:最初に、このようなトータルカウントを(それがforeachのサイクルで繰り返しをスピードアップします)を取得
$count = count($photos); 

が続いて使用します(($カウントが)> 0){...} 次は見つけるしようとした場合($数%8) - $の残りは8で割った回数これは、http://php.net/manual/en/language.operators.arithmetic.php見る - それがあればが0以上の場合、divを再度出力し始めることができます。

+0

最初に、私はこのリンクを見ることができませんでした、そして、2番目の私はこのような何かを試しましたが、結果はありません – fish40

関連する問題