JQuery - справка по циклу
Я ищу помощь по использованию библиотеки цикл для 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 идентичен CSS на странице, поэтому я помещаю .pics в кавычки.
Ответы 2
Я предполагаю, что это просто не работает для вас. Вам необходимо сбалансировать фигурные скобки и круглые скобки. Пожалуйста помогайте другим помогать вам, говоря, в чем настоящая проблема в следующий раз.
Попробуй это:
$(document).ready(function() {
$('.pics').cycle({
fx: 'scrollDown',
speed: 300,
timeout: 2000
});
});
Можно ли снова открыть этот вопрос? Он работает нормально, но мне сложно его стилизовать. Я пытаюсь заставить изображения плавать влево, а текст обтекать его вправо, как в демонстрация (не изображение).
Мой сценарий:
<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;}
К сожалению, здесь нет свойств float, потому что ни одно из них не работало. Я взял этот CSS с демонстрационной страницы цикла jQuery.
И результат
Нам поможет, если вы ответите на свой вопрос.