Home Page para Hotel em HTML/CSS
Neste exemplo aplicaremos os conhecimentos de HTML e CSS para desenvolver uma home page para um hotel fictício. Veremos como adicionar diversos elementos do HTML, bem como um slideshow com JavaScript.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
src/js/main.js
$(function() { var $imgs = $('#images .carousel'), $capt = $('#captions .carousel'), $timr = $('#timer'); $imgs.carouFredSel({ circular: false, scroll: { easing: 'quadratic', duration: 2, timeoutDuration: 3000, onBefore: function( data ) { $capt.trigger( 'slideTo', [ '.' + data.items.visible.first().attr( 'alt' ) ] ); $timr.stop().animate({ opacity: 0 }, data.scroll.duration); }, onAfter: function() { $timr.stop().animate({ opacity: 1 }, 150); } }, auto: { progress: '#timer' }, pagination: { container: '.pager', anchorBuilder: function( i ) { return '<a class="p' + i + '" href="#"></a>'; } } }); $capt.carouFredSel({ circular: false, auto: false, scroll: { easing: 'quadratic', duration: 2 } }); });