• Home
  • Forum
  • Fare Web
  • Javascript

qscroller

  • Creatore Discussione Creatore Discussione emanuelevt
  • Data di inizio Data di inizio 28 Gen 2010
  • Tag Tag
    effetto scorrimento qscroller

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
  • 28 Gen 2010
  • #1
Salve, allora ho scaricato la libreria qscroller.js e mootools.js; ho implementato questo codice per vedere img/testo che scorrono quando si preme click sulle doppie frecce con un effetto a scorrimento; ma come posso fare in modo che avvenga anche uno scorrimento automatico ad esempio con setInterval(); nn so quale funzione devo richiamare; il codice è questo:

Codice:
<div id="qscroller2" class="qscroller"></div>
<div class="qscroller2-nav">
  <div>
  <a id="go-prev" href="javascript:void(0)">&lt;&lt;</a>&nbsp;
  <a id="go-next" href="javascript:void(0)">&gt;&gt;</a>
  </div>
</div>
<div class="hide">
  <div class="qslide2">
  <img src="images/product1.jpg" alt="" />
  <h1>Product1</h1>Simple example of product showcase. Use arrows at the bottom to scroll.
  </div>
  <div class="qslide2">
  <img src="images/product2.jpg" alt="" />
  <h1>Product2</h1>Product description here.
  </div>
  <div class="qslide2">
  <img src="images/product3.jpg" alt="" />
  <h1>Product3</h1>Product description here.
  </div>
</div>


<script type="text/javascript">
<!--
window.addEvent('domready', function() {
var opt = {
    slides: 'qslide2',
	duration: 3000,
    buttons: {next:'go-next',prev:'go-prev'},
    transition: Fx.Transitions.Quint.easeOut
  }
  var scroller = new QScroller('qscroller2',opt);
  scroller.load();
  
});
//-->
</script>
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

N
conflitto tra diversi javascript mootools e qscroller
  • nicolaeremita
  • 7 Gen 2013
  • Javascript
Risposte
4
Visite
2K
Javascript 15 Gen 2013
nicolaeremita
N
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?