Исправить ошибку в примере карусели jQuery.
Вот адрес хорошей карусели с текстом и картинкой:
http://ryrych.github.com/rcarousel/examples/html.html Но при загрузке и перезагрузке страницы, карусель "прилипает" к верху страницы, а затем становится на место и все работает. Помогите исправить, не могу справиться. |
VAP2013,
Пробуйте всё это перенести в хидер <script type="text/javascript" src="../widget/lib/jquery-1.7.1.js"></script> <script type="text/javascript" src="../widget/lib/jquery.ui.core.js"></script> <script type="text/javascript" src="../widget/lib/jquery.ui.widget.js"></script> <script type="text/javascript" src="../widget/lib/jquery.ui.rcarousel.js"></script> <script type="text/javascript"> jQuery(function($) { function generatePages() { var _total, i, _link; _total = $( "#carousel" ).rcarousel( "getTotalPages" ); for ( i = 0; i < _total; i++ ) { _link = $( "<a href='#'></a>" ); $(_link) .bind("click", {page: i}, function( event ) { $( "#carousel" ).rcarousel( "goToPage", event.data.page ); event.preventDefault(); } ) .addClass( "bullet off" ) .appendTo( "#pages" ); } // mark first page as active $( "a:eq(0)", "#pages" ) .removeClass( "off" ) .addClass( "on" ) .css( "background-image", "url(images/page-on.png)" ); } function pageLoaded( event, data ) { $( "a.on", "#pages" ) .removeClass( "on" ) .css( "background-image", "url(images/page-off.png)" ); $( "a", "#pages" ) .eq( data.page ) .addClass( "on" ) .css( "background-image", "url(images/page-on.png)" ); } $("#carousel").rcarousel( { visible: 1, step: 1, speed: 700, auto: { enabled: true }, width: 780, height: 240, start: generatePages, pageLoaded: pageLoaded } ); $( "#ui-carousel-next" ) .add( "#ui-carousel-prev" ) .add( ".bullet" ) .hover( function() { $( this ).css( "opacity", 0.7 ); }, function() { $( this ).css( "opacity", 1.0 ); } ); }); </script> |
Часовой пояс GMT +3, время: 09:38. |