This repository has been archived by the owner on May 5, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bilderWechsel.js
105 lines (96 loc) · 4.06 KB
/
bilderWechsel.js
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
var bildbasistitel = 'wechselBild';
var anzahlBilder = 3;
var aktuellesBild = 1;
var zoomEinstellung = 120;
var zoomfaktor = zoomEinstellung;
var desktopBreakpoint = 800;
var desktopAnsicht = true;
document.getElementById('wechselBild2').style.opacity = 0;
document.getElementById('wechselBild3').style.opacity = 0;
var zoomfaktor = 100;
Timer = setInterval('inzoomHeaderBilder()', 100);
function inzoomHeaderBilder()
{
pruefeAnsicht()
zoomfaktor += 0.25;
if(desktopAnsicht == true)
{
//Weite zu 100% füllen
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = zoomfaktor + '% auto';
document.getElementById('wechselBild' + gibNaechsteBildNr()).style.backgroundSize = (zoomfaktor-15) + '% auto';
}
else
{
//Höhe zu 100% füllen
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = 'auto ' + zoomfaktor + '%';
document.getElementById('wechselBild' + gibNaechsteBildNr()).style.backgroundSize = 'auto ' + (zoomfaktor-15) + '%';
}
if(zoomfaktor > zoomEinstellung-5)
{
document.getElementById('wechselBild' + aktuellesBild).style.opacity = (120 - zoomfaktor)/5;
document.getElementById('wechselBild' + gibNaechsteBildNr()).style.opacity = 1 - (120-zoomfaktor)/5;
if(zoomfaktor >= zoomEinstellung)
{
if(desktopAnsicht == true)
{
//Weite zu 100% füllen
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = 100 + '% auto';
}
else
{
//Höhe zu 100% füllen
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = 'auto ' + 100 + '%';
}
aktuellesBild = gibNaechsteBildNr();
zoomfaktor = 105;
}
}
}
function outzoomHeaderBilder()
{
zoomfaktor -= 0.25;
if(desktopAnsicht == true)
{
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = zoomfaktor + '% auto';
document.getElementById('wechselBild' + gibNaechsteBildNr()).style.backgroundSize = (zoomfaktor+20) + '% auto';
}
else
{
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = 'auto ' + zoomfaktor + '%';
document.getElementById('wechselBild' + gibNaechsteBildNr()).style.backgroundSize = 'auto ' + (zoomfaktor+20) + '%';
}
if(zoomfaktor < zoomEinstellung-5)
{
document.getElementById('wechselBild' + aktuellesBild).style.opacity = (zoomfaktor-100)/5;
document.getElementById('wechselBild' + gibNaechsteBildNr()).style.opacity = 1 - (zoomfaktor-100)/5;
if(zoomfaktor == 100)
{
document.getElementById('wechselBild' + aktuellesBild).style.backgroundSize = zoomEinstellung + '% auto';
aktuellesBild = gibNaechsteBildNr();
zoomfaktor = zoomEinstellung;
}
}
}
function gibNaechsteBildNr()
{
var neuesBild = aktuellesBild + 1;
if (neuesBild > anzahlBilder)
{
return 1;
}
else
{
return neuesBild;
}
}
function pruefeAnsicht()
{
if(window.innerWidth <= desktopBreakpoint)
{
desktopAnsicht = false;
}
else
{
desktopAnsicht = true;
}
}