Ciao a tutti,
volevo chiedervi un aiuto riguardo uno script che consente l'apertura di div attraverso freccette e dots. Sto cercando di capire come, anziché avanti e indietro con freccette e dots appunto, sia possibile puntare direttamente ad un determinato div, mi spiego meglio:
lo script genera freccetta sinistra e destra per navigare su 4 div, se volessi un link che va direttamente al 3 div come potrei modificare il codice?
codice:<script type="text/javascript"> $(function() { var Page = (function() { var $navArrows = $( '#nav-arrows' ), $nav = $( '#nav-dots > span' ), slitslider = $( '#slider' ).slitslider( { onBeforeChange : function( slide, pos ) { $nav.removeClass( 'nav-dot-current' ); $nav.eq( pos ).addClass( 'nav-dot-current' ); } } ), init = function() { initEvents(); }, initEvents = function() { // add navigation events $navArrows.children( ':last' ).on( 'click', function() { slitslider.next(); return false; } ); $navArrows.children( ':first' ).on( 'click', function() { slitslider.previous(); return false; } ); $nav.each( function( i ) { $( this ).on( 'click', function( event ) { var $dot = $( this ); if( !slitslider.isActive() ) { $nav.removeClass( 'nav-dot-current' ); $dot.addClass( 'nav-dot-current' ); } slitslider.jump( i + 1 ); return false; } ); } ); }; return { init : init }; })(); Page.init(); /** * Notes: * * example how to add items: */ /* var $items = $('<div class="sl-slide sl-slide-color-2" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"><div class="sl-slide-inner bg-1"><div class="sl-deco" data-icon="t"></div><h2>some text</h2><blockquote><p>bla bla</p><cite>Margi Clarke</cite></blockquote></div></div>'); // call the plugin's add method ss.add($items); */ }); </script>
Vi ringrazio in anticipo qualora ricevessi un suggerimento.
Grazie![]()


Rispondi quotando
