mycerti/myscript.js at main · ankitkumar734ac/mycerti · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
$(document).ready(function(){

  var aiml = "img/aiml/"; // folder location
  var badge = "img/badge/";
  var dsa = "img/dsa/";
  var iot = "img/iot/";
  var java = "img/java/";
  var linkedin = "img/linkedin/";
  var others = "img/others/";
  var web = "img/web/";
  var webinars = "img/webinars/";
  var virtualexp = "img/virtualexp/";

  var fileextension = ".jpg"; // image format


  var eleDsa="";
  var eleVirtualexp="";
  var eleJava="";
  var eleLinkedin="";
  var eleWeb="";
  var eleWebinars="";
  var eleIot="";
  var eleBadge="";
  var eleAiml="";
  var eleOthers="";

  $(function imageloop(){
      var ele = "";

      ele += getImage(1, eleDsa, dsa, ".jpg", 7);
      ele += getImage(1, eleVirtualexp, virtualexp, ".jpg", 4);
      ele += getImage(1, eleJava, java, ".jpg", 4);
      ele += getImage(1, eleLinkedin, linkedin, ".jpg", 21);
      ele += getImage(1, eleWeb, web, ".jpg", 1);
      ele += getImage(1, eleWebinars, webinars, ".jpg", 4);
      ele += getImage(1, eleAiml, aiml, ".jpg", 10);
      ele += getImage(1, eleOthers, others, ".jpg", 6);
      ele += getImage(1, eleBadge, badge, ".jpg", 6);
      ele += getImage(1, eleIot, iot, ".jpg", 1);


      document.getElementById("aa").innerHTML = ele;
      var popup_btn = $('.popup-btn');
        popup_btn.magnificPopup({
            type : 'image',
            gallery : {
               enabled : true
            }
        });

  });

});

function getImage(i, ele, dir, fileextension, fcount) {
    ele+='<div class="item selfie col-lg-3 col-md-4 col-6 col-sm">  <a href="'+dir+i+fileextension+'" class="fancylight popup-btn" data-fancybox-group="light">  <img class="img-fluid" src="'+dir+i+fileextension+'" alt=""></a> </div>';
    if (i==fcount){
      return ele;
    }else{
      i++;
      return getImage(i, ele, dir, fileextension, fcount);
    };
};


        // $('.portfolio-item').isotope({
        //      itemSelector: '.item',
        //      layoutMode: 'fitRows'
        //  });
         $('.portfolio-menu ul li').click(function(){
            $('.portfolio-menu ul li').removeClass('active');
            $(this).addClass('active');

            var selector = $(this).attr('data-filter');
            $('.portfolio-item').isotope({
                filter:selector
            });
            return  false;
         });