Как создать слайд-шоу изображений с фиксированным текстом?

Question

Как создать слайд-шоу изображений с фиксированным текстом?

0

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

Последнее, чего я хочу достичь, это.

Я последовал пост в MSDN статье я скачал slideShow.js файл и применять на изображениях и прекрасно работает. Теперь, как я плаваю текст над изображением?

Мой код:

<!DOCTYPE html>
<html>

<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <title>Slide Show</title>
  <style type="text/css">
    .size
    {
        height:300px;
        width:500px;
    }
    .lab
    {}
  </style>
</head>

<body>
    <div>

        <label class="lab">This is Label</label>
      <div id="slideShowImages">
        <img src="1.jpg" alt="Slide 1" class="size" />
        <img src="2.jpg" alt="Slide 2" class="size"/>
        <img src="3.jpg" alt="Slide 3" class="size"/>    
        <img src="4.jpg" alt="Slide 4" class="size"/>
      </div>  
    </div>
  <script src="slideShow.js"></script>
</body>

</html>

Метка будет отображаться над изображением. Пожалуйста помоги.

Mohemmad K 12 нояб. 2013, в 06:49

Источник

0

пост скрипка .. это поможет нам легко найти проблему
Sindhu 12 нояб. 2013, в 05:28
0

Как это применить?
Mohemmad K 12 нояб. 2013, в 05:29
0

перейдите по этой ссылке: http://jsfiddle.net/ создайте свой код с помощью этого редактора. вам нужно загрузить внешний javascript (slideshow.js) во внешние ресурсы
Sindhu 12 нояб. 2013, в 05:35
0

добро ссылка на сайт слайдшоу
Sridhar R 12 нояб. 2013, в 05:36

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

Теги:

javascript

html

css

slideshow

1 ответ

Ещё вопросы

пост скрипка .. это поможет нам легко найти проблему
перейдите по этой ссылке: http://jsfiddle.net/ создайте свой код с помощью этого редактора. вам нужно загрузить внешний javascript (slideshow.js) во внешние ресурсы

Karthik Balaje · Answer 1 · 2013-11-12T04-12-00.000Z

Установите WoW Slider и импортируйте все изображения, которые нужно скопировать, а также вы можете предоставить текст для каждого изображения, чтобы пока слайд изображения соответствовал соответствующему тексту вместе с ним

http://wowslider.com/ - Вы можете выбрать свой любимый скользящий шаблон

Это легкий файл Javascript, так что он быстро загрузит вашу страницу