site.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. var $cards = $('#items .full-works');
  2. var $card = $('#items .card');
  3. var $cat = $('.cat-list .cat a');
  4. var $img = $('.item #items .img');
  5. function masonry() {
  6. var $grid = $cards.masonry({
  7. itemSelector: '.card',
  8. columnWidth: '.card',
  9. percentPosition: true,
  10. transitionDuration: '0.2s'
  11. });
  12. var $grid2 = $img.masonry({
  13. itemSelector: '.img-card',
  14. columnWidth: '.img-card',
  15. percentPosition: true,
  16. transitionDuration: '0.2s'
  17. });
  18. $grid.imagesLoaded().progress( function() {
  19. $grid.masonry();
  20. });
  21. $grid2.imagesLoaded().progress( function() {
  22. $grid2.masonry();
  23. });
  24. }
  25. function isotype() {
  26. var $grid = $cards.isotope({
  27. itemSelector: '.card',
  28. layoutMode: 'fitRows'
  29. });
  30. $cat.on( 'click', function(e) {
  31. e.preventDefault();
  32. var filterValue = $( this ).attr('data-filter');
  33. filterValue = filterFns[ filterValue ] || filterValue;
  34. $grid.isotope({ filter: filterValue });
  35. });
  36. }
  37. function card(){
  38. var $item = $('.card')
  39. console.log($item);
  40. }
  41. function ajax() {
  42. var form = $('#ajax-test-form');
  43. form.submit(function(e) {
  44. // prevent form submission
  45. e.preventDefault();
  46. // submit the form via Ajax
  47. $.ajax({
  48. url: form.attr('action'),
  49. type: form.attr('method'),
  50. dataType: 'html',
  51. data: form.serialize(),
  52. success: function(result) {
  53. // Inject the result in the HTML
  54. $('#form-result').html(result);
  55. }
  56. });
  57. });
  58. }
  59. function contact() {
  60. var $contact = $('header .contact');
  61. $contact.on('click',function() {
  62. })
  63. }
  64. jQuery(document).ready(function($){
  65. masonry();
  66. contact();
  67. // card();
  68. // ajax();
  69. // isotype();
  70. });