Vorrei fare qualcosa di simile: http://javascript.about.com/library/blcmarquee1.htmScorrimento continuo del ticker orizzontale contenente le immagini in jQuery?
Lo script ho fatto riferimento tuttavia sembra essere un po 'lag (superata?), Quindi mi chiedevo se qualcuno sapeva di una soluzione migliore. (. Le soluzioni jQuery benvenuti)
Appena trovato questo - jQuery-driven, e ha le immagini. Ho intenzione di usarlo per un progetto attuale.
http://logicbox.net/jquery/simplyscroll/
UPDATE: Ora ho usato questo nel codice di produzione. Il plug-in è in grado di eseguire il looping di immagini di dimensioni pari a 70+ 150 × 65px in modo uniforme, il che ha provocato l'interruzione di un numero di un altro plug-in che ho provato in questo modo.
NOTA ha provocato il caos con problemi z-index in IE 6/7 e non si presentava ecc. - Ma questo potrebbe anche essere dovuto in parte al mio CSS. Per chiunque abbia problemi con esso non si presenta affatto in IE controllare le normali IE z-index correzioni: http://www.google.com/search?q=ie+z+index+issues
ULTIMO AGGIORNAMENTO: cose Oltre a prendere in considerazione in sede di attuazione dei plug-in come questi:
Ora ho anche trovato questi due plugin scroller per essere molto buona.
http://www.logicbox.net/jquery/simplyscroll/custom.html fa ciò che hai mostrato in http://javascript.about.com/library/blcmarquee1.htm :) – tftd
+1 per http: // caroufredsel. frebsite.nl/. bei esempi chiaro sito e documentazione. – Flion
+1 per caroufredsel https://github.com/gilbitron/carouFredSel. Per chiunque sia interessato, qui puoi trovare un esempio di utilizzo davvero carino: http://coolcarousels.frebsite.nl/c/9/ – Ekin
Qualche esempio di ticker continuo contenente immagini? –
Non ho un esempio online, ma ho giocato con questo con le immagini, ed è abbastanza decente. –
Questo plugin non è contiguo (ma è molto buono se non hai bisogno di questa funzionalità). –
Solo un pensiero. Potresti fare qualcosa di simile.
<style type="text/css">
.imgwindow{
width:500px; //or whatever
height:65px; //or whatever
position:relative;
overflow:hidden;
}
.imgholder{
min-width:2000px;
height:65px;
position:absolute;
left:-200px;
}
.inline-image{
display:inline-block;
}
</style>
<script type="text/javascript">
var img;
function imgScroll(){
img = $(".inline-image").first();
img.animate({width:0},2500,'linear',function(){
img.remove();
$(".imgholder").append(img);
imgScroll();
});
}
$(document).ready(function(){
imgScroll();
});
</script>
e l'html
<div class="imgwindow">
<div class="imgholder">
<img class="inline-image" src="image1" /><img class="inline-image" src="image2" />...
</div>
</div>
Se siete alla ricerca di un più dettagliato pls risposta forniscono più una domanda più specifica. Come quale contenuto vuoi scorrere/orizzontale vs verticale, loop continuo vs utente controllato, quanti elementi, se le immagini quanto sono grandi? ecc – megaSteve4
@ megaSteve4 Che contenuto non dovrebbe importare, ma in questo caso, sono le immagini. Mi piacerebbe che scorressero orizzontalmente, come dice il titolo (e come nell'esempio a cui mi sono collegato). Farebbe un ciclo continuo. Dovrebbe funzionare per contenuti/immagini di qualsiasi dimensione. La tua risposta è la migliore finora! –