website_magic/myscript.js at master · CodingBDX/website_magic · 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
84
85
86
87
88


$(document).ready(function(){

  var classCycle=['imageCycle1','imageCycle2','imageCycle3', 'imageCycle4'];

  var randomNumber = Math.floor(Math.random() * classCycle.length);
  var classToAdd = classCycle[randomNumber];

  $('#imagechange').addClass(classToAdd);

    $('.slide-container').slick({
      arrows: false,
      draggable: true,
      autoplay: true,
      autoplaySpeed: 4000,
      infinite: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      touchThreshold: 1000,


adaptiveHeight: true,
    });

    $('.gallerycard').slick({
      arrows: false,
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 2000,
    centerMode: true,
variableWidth: true,
adaptiveHeight: true,
  });


	console.log("Initialize called");
	$("#generate").click(function()
	{
		generate();
	});


  });

  var myFullpage = new fullpage('#fullpage', {
      anchors: ['Presentation', 'gallery_art_magic_the_gathering', ,'take_picture_magic','Print_your_card_magic', 'create_proxy_card_magic'],
      sectionsColor: ['#051C24', '#051C24', '#051C24', '#051C24', '#051C24'],
      scrollBar: true,
      responsiveWidth: 900,

      afterResponsive: function(isResponsive){

      }
  });


  const parent = $(".gallerycard");

      for(let i = 0; i<6; i++) {
        const dir = "gallerycard";
        const extension = "png";
        const file = `${dir}/${i+1}.${extension}`;

        const slide = $("<div></div>");
        slide.addClass("slide");

        const img = $("<img></img>");
        img.attr("src", file);

        slide.append(img);
        parent.append(slide);
      }