Ben bir veritabanından geri alır bir php dizi var, dizi ben o benim HTML benim sarıcı div arkaplanı yapmak istediğiniz görüntülere yollarını içeren, I will dizi aracılığıyla döngüsü ve bazı javascript eklemek mümkün olmak istiyorum Bir dizi aralığı dizideki sonraki görüntüyü göstermek, bu mümkün olduğunu ve kullanıcı ileri, geri atlayın ve aynı zamanda slidshow durdurmak böylece aynı zamanda üzerinde bir miktar kontrol etmek mümkündür.
Aslında neredeyse tam size soruyoruz ne yapmak jQuery Cycle plugin uygulanan ettik. Bu büyük ve çok yönlü bir eklenti bulunuyor.
Ben de sayfaya eklemek için bir dizi üzerinden görüntüleri çekiyorum. Eklenti onlar aracılığıyla, görüntüleri kapmak o gerek yok ne gizler ve çevrimleri.
Update Sadece kullanıcı ileri ve geri hareket kontrole sahip olmak istiyorum fark ettim. Döngü bu şekilde de yok. pager example bakabilirsiniz.
Re: Background Image Comment
Sadece biraz yaratıcı almak zorunda. Ben bir arka plan görüntüsü kaybolacak bir jQuery eklentisi emin değilim. Ben (o eğer onu görmek isteriz) mümkün olduğundan emin değilim. Ne var onun yerine yaptım, kesinlikle sizin konteyner gibi davranan arka plan görüntünün boyutu ile eşleşen ve (nispeten içine yerleştirilen) döngüsü elemanları tutan sabit bir boyutu ile bir öğe pozisyon etmektir. Sağ diğerinin üstüne başka bir kesinlikle yerleştirilmiş bir öğe ekleyerek sayfanızın içerik ekleyin.
Stiller:
#cycle, #content {
position:absolute;
top:0;
left:50%;
width:800px;
height:600px;
margin-left:-400px; //middle of page
z-index:1;
}
#content {
z-index:100;
}
Javascript:
$('#cycle')
.after('<div id="nav">') //needs some position styling
.cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
pager: '#nav'
});
html:
<div id="cycle">
<img src="path/to/image1.jpg" />
<img src="path/to/image2.jpg" />
</div>
<div id="content">Hello World!</div>
Biz jQuery çapraz slayt eklentisi kullanmak - http :/ / www.gruppo4.com/ ~ Tobia / bir sitede çapraz slide.shtml icauto.com
Biz IE6 + üzerine tranparent / donukluk çözmek için eklentisi için bazı kesmek zorunda