Как написать текст под каждым изображением в показе слайдов (закрыто)

Question

Как написать текст под каждым изображением в показе слайдов (закрыто)

0

Я хочу написать три строки текста под каждым изображением в этом слайд-шоу.

<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>

kiran lanke 25 март 2014, в 14:48

Источник

0

jsfiddle.net/kiranlanke/65Wf5/1
kiran lanke 25 март 2014, в 13:17
2

Я тоже хочу, что ты пробовал?
Pimento Web 25 март 2014, в 13:19
0

Был как раз спросить то же самое.
Paulie_D 25 март 2014, в 13:20
0

Алос, вы неправильно используете элемент `<marquee>: HTML-элемент <marquee> используется для вставки области прокрутки текста, а не изображений: developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee
Paulie_D 25 март 2014, в 13:22
0

Проверьте это демо jsfiddle - jsfiddle.net/65Wf5/3
Jay Patel 25 март 2014, в 13:24
1

@Paulie_D: мне нужно слайд-шоу, как это (шатер). Есть какой-либо способ создать слайд-шоу, как это (без использования Marquee) ..... Спасибо
kiran lanke 25 март 2014, в 13:25

Показать ещё 4 комментария

Теги:

html

css

slideshow

marquee

2 ответа

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>

Nick 25 март 2014, в 11:29

Ещё вопросы

Алос, вы неправильно используете элемент `<marquee>: HTML-элемент <marquee> используется для вставки области прокрутки текста, а не изображений: developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee
Проверьте это демо jsfiddle - jsfiddle.net/65Wf5/3
@Paulie_D: мне нужно слайд-шоу, как это (шатер). Есть какой-либо способ создать слайд-шоу, как это (без использования Marquee) ..... Спасибо

dippas · Accepted Answer · 2014-03-25T11-23-00.000Z

Это то, что вы ищите?:

JSFIDDLE

wrapping img tag с div затем .item { float:left} его так: .item { float:left} (элемент класса это то, что вам нравится, я просто использовал здесь, потому что это был класс, используемый в FIDDLE)