jQuery - помощь по циклу - PullRequest
Новая
       9

jQuery - помощь по циклу

0 голосов
/ 20 ноября 2008

Мне нужна помощь по использованию библиотеки cycle для jQuery. Я в демоверсии новичка , и я закончил первый абсолют. Это второй на странице. 

<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {

    $('.pics').cycle({
        fx:      'scrollDown',
        speed:    300,
        timeout:  2000
    });
</script>

Мой CSS такой же, как на странице, поэтому я помещаю .pics в кавычки.

Ответы [ 2 ]

2 голосов
/ 20 ноября 2008

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

Попробуйте это: 

$(document).ready(function() { 
    $('.pics').cycle({  
        fx: 'scrollDown',     
        speed: 300,     
        timeout: 2000 
    });
});
0 голосов
/ 21 ноября 2008

Можно ли снова открыть этот вопрос? Это работает хорошо, но у меня не хватает времени, чтобы это сделать. Я пытаюсь сделать изображения плавающими влево, а текст обернуть вокруг них вправо, как в demo (без изображения).

Мой скрипт: 

<script type="text/javascript">

$(document).ready(function() {
    $('.text')
    .before('<div id="slidenav">')
    .cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 6000,
        pager:  '#slidenav',
       pause: 1
    });
});

</script>

... 

<div id="featured">
    <div class="text">
        <txp:article_custom form="slidetext" section="slide" limit="5" />
    </div>
</div>

и мой CSS: 

.text { width: 600px; height: 200px; border: 1px solid #ddd; background-color: green; }
.text div { width: 500px; height: 200px; padding: 15px; color: #333; text-align: left; font-size: 16px; background-color:red; }
.text div img {width: 200px; height: 200px; padding: 3px; background: orange }
.text div p{ background-color:black;}

Извините, здесь нет свойств с плавающей точкой, потому что ни одно из них не работает. Я взял этот CSS с демонстрационной страницы цикла jQuery.

И результат

http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg

http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg

...