12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- var $cards = $('#items .full-works');
- var $card = $('#items .card');
- var $cat = $('.cat-list .cat a');
- var $img = $('.item #items .img');
- function masonry() {
- var $grid = $cards.masonry({
- itemSelector: '.card',
- columnWidth: '.card',
- percentPosition: true,
- transitionDuration: '0.2s'
- });
- var $grid2 = $img.masonry({
- itemSelector: '.img-card',
- columnWidth: '.img-card',
- percentPosition: true,
- transitionDuration: '0.2s'
- });
- $grid.imagesLoaded().progress( function() {
- $grid.masonry();
- });
- $grid2.imagesLoaded().progress( function() {
- $grid2.masonry();
- });
- }
- function isotype() {
- var $grid = $cards.isotope({
- itemSelector: '.card',
- layoutMode: 'fitRows'
- });
- $cat.on( 'click', function(e) {
- e.preventDefault();
- var filterValue = $( this ).attr('data-filter');
- filterValue = filterFns[ filterValue ] || filterValue;
- $grid.isotope({ filter: filterValue });
- });
- }
- function card(){
- var $item = $('.card')
- console.log($item);
- }
- function ajax() {
- var form = $('#ajax-test-form');
- form.submit(function(e) {
- // prevent form submission
- e.preventDefault();
- // submit the form via Ajax
- $.ajax({
- url: form.attr('action'),
- type: form.attr('method'),
- dataType: 'html',
- data: form.serialize(),
- success: function(result) {
- // Inject the result in the HTML
- $('#form-result').html(result);
- }
- });
- });
- }
- function contact() {
- var $contact = $('header .contact');
- $contact.on('click',function() {
-
- })
- }
- jQuery(document).ready(function($){
- masonry();
- contact();
- // card();
- // ajax();
- // isotype();
- });
|