Herkes Jcarousel ile yaşıyorum belirli bir konu üzerinde herhangi bir ışık tutabilir merak ediyorum.
Ben başarıyla sonra ben sonra jcarousel içinde xml ve ekran okumak için yukarıdaki örneği kullanmak xml formatında, içine tüm bu yapışmasını ediyorum, veritabanı üzerinde bir wordpress sorgu kullanarak verileri çekmek için "dynamic_ajax_php.php" örnek adapte var.
Tüm Ancak dairesel ve otomatik seçenekleri ayarlanmış bir detaycı bir sorun vardır, ince ve züppe.
Jcarousel genişliğini doldurmak için yeterli ürün bulunmaması durumunda Bascially, o, kalan boş öğeleri gösterir sonraki otomatik yineleme kadar (bascially sorunu ilk loadup üzerinde)
Ne yazık ki bu yüzden aşağı genişliği cant kilidi bu jcarousel genişliklerini değişen yapmak zorunda.
Herkes ben jcarousel ilk loadup doğru sarın yapabilir konusunda herhangi bir fikir var mı?
function mycarousel_itemLoadCallback(carousel, state)
{
// Check if the requested items already exist
if (carousel.has(carousel.first, carousel.last)) {
return;
}
jQuery.get(
'mediabox/write.xml',
{
first: carousel.first,
last: carousel.last
},
function(xml) {
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
},
'xml'
);
};
function mycarousel_itemAddCallback(carousel, first, last , xml)
{
// Set the size of the carousel
carousel.size(parseInt(jQuery('totalGalleryItems', xml).text()));
jQuery('imagePath', xml).each(function(i) {
carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
});
};
/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(url)
{
return '<img src="' + url + '" width="75" height="75" alt="" />';
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 4,
wrap: 'circular',
// Uncomment the following option if you want items
// which are outside the visible range to be removed
// from the DOM.
// Useful for carousels with MANY items.
// itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
itemLoadCallback: mycarousel_itemLoadCallback
});
});
Bir test olarak ben skin.css iki css özellikleri genişliklerini kuruyorum;
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 550px;
height: 77px;
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 550px;
padding: 20px 40px;
}
Herhangi bir yardım büyük takdir!
Seyir için teşekkürler