Может кто-нибудь, пожалуйста, помогите мне, как реализовать вертикальный jCarousel с помощью ajax.Вертикальная jCarousel с Ajax и PHP
0
A
ответ
1
Ответ на этот вопрос можно легко найти на первых страницах jCarousel документов, но все в порядке, я буду копировать его здесь для вас;)
Прежде всего скачать jCarousel и добавить все источники вашего <head>
тег.
<script type="text/javascript" src="/path/to/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/path/to/lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" />
Тогда в том месте, где вы хотите, чтобы ваш карусель поставил этот код.
<ul id="mycarousel" class="jcarousel-skin-name">
<!-- The content goes in here -->
</ul>
Затем добавьте код js для инициализации вашей карусели.
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
// Carousel gonna be vertical
vertical : true,
// AJAX callback
itemLoadCallback: itemLoadCallbackFunction
});
});
</script>
Тогда вам нужно создать itemLoadCallBackFunction, чтобы реально загружать новые элементы в карусель динамически. Как только вы получите какой-то предмет с индексом i
, вы просто вставьте его в карусель с carousel.add(i, item)
.
UPD:
Here пример с PHP скрипт внутри, вы можете получить вдохновение оттуда.
Попробуйте выполнить поиск в Интернете или взломать его первым – AntonioCS