| $('img').each(function(){$(this).attr('src', 'http://fillmurray.com/200/300');}); | |
| $('img').css('border', '5px solid tomato'); |
| $(document).crystalcore('ajaxify', { | |
| url : 'http://topdeckcardsandgames.dev.crystalcommerce.com/', | |
| elem : '.ajaxify', | |
| cached : true, | |
| key : 'tree', | |
| duration : 1 | |
| }); |
| #masthead, .submast-stroke { | |
| display: none; | |
| } | |
| div.well { | |
| background-color: #3a3a3a; | |
| margin-bottom: 10px; | |
| border: 1px solid #424242; | |
| } |
| $(document).crystalcore('ajaxify', { | |
| url : 'http://example.com', | |
| type : 'GET', | |
| elem : '.inject-here', | |
| replace : true, | |
| effect : 'fade' | |
| }) | |
| <div class="inject-here" data-ajaxify="#header"><!-- #header appends here --></div> |
app/ --> all of the files to be used in production
css/ --> css files
app.css --> default stylesheet
img/ --> image files
index.html --> app layout file (the main html template file of the app)
index-async.html --> just like index.html, but loads js files asynchronously
js/ --> javascript files
app.js --> application
| /* AUTHORS */ | |
| Name: Ross Dallaire | |
| Twitter: @rdallaire | |
| Company: CrystalCommerce | |
| Site: http://crystalcommerce.com | |
| Name: Josh McDonald | |
| Twitter: @onestepcreative | |
| Company: CrystalCommerce |
| /* AUTHORS */ | |
| Name: Designer Name Here | |
| Twitter: | |
| Company: CrystalCommerce | |
| Site: http://crystalcommerce.com | |
| Twitter: @crystalcommerce | |
| // custom contact form | |
| $('#contact_us_form').on('click', '#submit-contact', function() { | |
| // $phoneNumber = $('#phone').val(); | |
| // $message = $('#message'); | |
| // dev.log('Phone', $phoneNumber); | |
| $('#message').text('Schedule a free consultation' + '\n' + | |
| '_______________________________________' + '\n \n' + |
| onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) { | |
| $('.active-slide').removeClass('active-slide'); | |
| $('.bxslider li').eq(currentSlideHtmlObject + 1).addClass('active-slide'); | |
| }; | |
| onSliderLoad: function () { | |
| $('.bxslider li').eq(1).addClass('active-slide'); | |
| }; |
| $('.bxslider').bxSlider({ | |
| mode: 'slide', | |
| onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) { | |
| $('.active-slide').removeClass('active-slide'); | |
| $('.bxslider li').eq(currentSlideHtmlObject + 1).addClass('active-slide'); | |
| }, | |
| onSliderLoad: function () { |