2014-03-25 17 views
0

我想在此選取框幻燈片的每個圖像下面寫下三行文字。如何在選取框幻燈片中的每個圖像下面寫下文字

Fiddle

<marquee bgcolor="#FFFFFF" height="5%" width="600px" direction="left" scrolldelay="120" align="middle" > 
    <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/> 
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" width="120px" height="120px" border="5"/> 
    <img src="http://www.pictures-of-cats.org/images/ragdoll-cat-small-pictures-of-cats.jpg" height="120px" width="120px" border="5"/> 
    <img src="http://www.pictures-of-cats.org/images/ragdoll-cat-small-pictures-of-cats.jpg" height="120px" width="120px" border="5" /> 
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" height="120px" width="120px" border="5" /> 
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" height="120px" width="120px" border="5" /> 
    <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" height="120px" width="120px" border="5"/> 
    <img src="Animal68.gif" height="120px" width="120px" border="5" /> 
    <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" height="120px" width="120px" border="5" /> 
    <img src="http://www.pictures-of-cats.org/images/Pixiebob-cat-list-of-cat-breeds-pictures-of-cats.jpg" height="120px" width="120px" border="5" /> 
</marquee> 
+0

http://jsfiddle.net/kiranlanke/65Wf5/1/ –

+2

我想太多,那你試過嗎? – pbenard

+0

正要問同樣的問題。 –

回答

2

這是你在找什麼?:

JSFIDDLE

包裝img標籤與div然後風格像這樣:.item { float:left}(類項目無論你喜歡什麼,我只是用在這裏,因爲那是你的課sed上的FIDDLE)

0

避免使用<marquee>的圖像!但是,如果你需要,那麼你可以使用這種方式:Fiddle

<marquee bgcolor="#FFFFFF" height="5%" width="600px" direction="left" scrolldelay="120" align="middle" > 
    <div style="width:120px; display: inline-block">      
     <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/> 
     <div>Text</div> 
    </div> 
    <div style="width:120px; display: inline-block">      
     <img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/> 
     <div>Text</div> 
    </div> 
</marquee> 
相關問題