2016-07-29 16 views
0

を使用して、特定の画像の上のdivを置く上向き矢印オーバートップ最後画像。ここでは私が持っている私のWordpressの画像の最後の画像を検出し、このコードは、私がのdiv#を入れて、それを変更したい</p> <p>投稿PHP

HTML

 <?php 
     preg_match_all('/(<img [^>]*>)/', get_the_content(), $images); 
     for($i=0; isset($images[1]) && $i < count($images[1]); $i++) { 
     if ($i == end(array_keys($images[1]))) { 
     echo sprintf('<div id="last-img">%s</div>', $images[1][$i]); 
     continue; 
     } 
      echo $images[1][$i]; 
     } 
    ?> 

CSS

#up-arrow { position: absolute; z-index: 10; } 

答えて

1

あなたは一例で説明したように

echo sprintf('<div id="last-img">%s</div>', $images[1][$i]); 

でHTMLをラップする必要がexample

です。

+0

私はちょっとあなたの答えと混乱しています、私はコードに上向き矢印divを追加する方法を探しています – user3550879

+0

を試してみてくださいecho sprintf( '

%s
'、$ images [1] [$ i]);そして、cssの#up_arrowを.up_arrowに置き換えてください。 – stweb

関連する問題