JQuery цикл плагин только с одним изображением - PullRequest
Новая
       13

JQuery цикл плагин только с одним изображением

1 голос
/ 24 августа 2011

Это немного странный вопрос, но я пытаюсь использовать цикл плагин для отображения только одного изображения.Это просто для использования различных эффектов, которые предоставляет плагин.У меня есть ряд изображений с определенным текстом, и каждое изображение / текст будет размещен внутри тега div, который будет заключен в плагин цикла.В определенные моменты времени другой тег div будет иметь некоторый эффект анимации, используя функцию цикла плагина.Я думаю, что могу добавить тот же тег div, чтобы обойти это, но мне интересно, если кто-нибудь знает, как сделать то, что я хочу сделать.

1 Ответ

0 голосов
/ 24 августа 2011

Если вы пытаетесь переключаться между DIV, которые имеют одно и то же изображение, но разный текст, тогда, да, вы можете сделать это.Вот базовый пример. 

<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});
</script>

<style type="text/css">
.slideshow { position: relative }
.slideshow div { position: relative; }
.slideshow div span { position: absolute; top: 5px; left: 5px; }
</style>

<div class="slideshow">
    <div>
        <span>Here's some text!</span>
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    </div>

    <div>
        <span>Some more different text.</span>
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    </div>

    <div>
        <span>Even more different text.</span>
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    </div>
</div>
...