https://jkarchitekt.cz/kod-ref3.js

1
2  var zastav = false;
3  var diktat = "rgba(255,255,255,1)";
4  var domina = "rgba(255,255,255,0.4)";
5
6  var dista = 50;
7  var poz = 100;
8  var blikej = true;
9  
10  var slajd = 0;
11  var slajdi = 0;
12
13function ReDraw()
14{
15
16  sirka = $(window).width();
17  vyska = $(window).height();
18  origsirka = sirka;
19  
20//  $(".plno").css( "width", sirka );
21//  $(".plno").css( "height", vyska );
22  
23
24  vyskap = $(".plno").height();
25  vyskam = $("#menu").height();
26  
27//  window.alert(vyskam);
28  
29  
30  $(".plno").css( "width", sirka );
31  $(".plno").css( "height", vyska-vyskam );
32
33  $(".kontejner").css( "marginTop", vyska );
34  
35  sirgal = $("#slideshow").width();
36  vysgal = Math.round( sirgal * 0.65 );
37  $("#slideshow, #slideshowi").css( "height", vysgal );
38  
39  
40  $('.infobox').hide();
41  $('.infobox').html( "window: " + sirka + "px * " + vyska + "px<br>" );
42  $('.infobox').append( "plno: " + $(".plno").width() + "px * " + $(".plno").height() + "px<br>" );
43  
44//  window.alert(vyska);
45}
46
47
48$(document).ready(function() {
49
50  ReDraw();
51
52  $('#menu H1').html( "<IMG src='images/2aa.png' width=84>" );
53//  window.alert("Proběhlo!");
54
55  $("#menu").hover(
56  function(){
57    $(this).animate({ opacity: '0.95' }, 150);
58   },
59  function() {
60    $(this).animate({ opacity: '0.85' }, 500 );
61   });
62
63
64  $("#puntiky IMG").hover(function(){
65    $(this).animate({ opacity: '1' }, 100);
66   },
67  function() {
68    var toto = $(this).index();
69    if ( toto != slajd ) $(this).animate({ opacity: '0.5' }, 500 );
70   });
71
72  $("#puntikyi IMG").hover(function(){
73    $(this).animate({ opacity: '1' }, 100);
74   },
75  function() {
76    var totok = $(this).index();
77    if ( totok != slajdi ) $(this).animate({ opacity: '0.5' }, 500 );
78   });   
79   
80	$("#leva, #prava, #levai, #pravai").hover(function() {
81		$(this).animate({
82			opacity: 1 }, 200) }
83	, function() {
84		$(this).animate({
85			opacity: 0 }, 500) 
86			});
87 
88
89  $(".slide").fadeOut();
90  $(".slide:eq(0)").fadeIn();
91  $("#puntiky IMG:eq(0)").css('opacity', 1 );
92  $( "#puntiky IMG" ).click(function() { Slajduj( $('#puntiky IMG').index(this) ); });
93  $( "#leva" ).click(function() { Slajduj(-100); });
94  $( "#prava" ).click(function() { Slajduj(100); });
95
96  $(".slidei").fadeOut();
97  $(".slidei:eq(0)").fadeIn();
98  $("#puntikyi IMG:eq(0)").css('opacity', 1 );
99  $( "#puntikyi IMG" ).click(function() { Slajduji( $('#puntikyi IMG').index(this) ); });
100  $( "#levai" ).click(function() { Slajduji(-100); });
101  $( "#pravai" ).click(function() { Slajduji(100); });
102
103
104});
105
106$(window).resize( function() {
107
108  ReDraw();
109
110
111});
112
113$(window).scroll(function() {
114
115  var skrol = $(window).scrollTop();
116  var apo = -skrol/10; 
117//  $(".plno").stop().animate( { top: apo }, 10); 
118  $(".plno").css( "top", apo ); 
119
120});
121  
122$(window).load(function() {
123
124
125});
126
127function Slajduj(kam)
128{
129
130   $("#puntiky IMG").css('opacity', 0.5 );
131
132   var puvodni = slajd;
133   tento = 0;
134   tamten = 0;
135   slajdu = $(".slide").length;
136      
137   tento = slajd;
138
139   if (kam == -100) tamten = tento-1 
140     else if (kam == 100) tamten = tento+1 
141       else tamten = kam;
142
143   slajd = tamten;
144  
145   $(".slide:eq("+tento+")").stop().fadeOut("slow", function() { });
146   $(".slide:eq("+tamten+")").stop().fadeIn("slow", function() { });
147 
148   $("#puntiky IMG:eq("+slajd+")").css('opacity', 1 );
149  
150   if (slajd == 0) $("#leva").hide() 
151     else $("#leva").show();
152   if (slajd == slajdu-1) $("#prava").hide() 
153     else $("#prava").show();
154     
155}
156
157function Slajduji(kami)
158{
159//   window.alert("intoš!");
160   $("#puntikyi IMG").css('opacity', 0.5 );
161
162   var puvodnii = slajdi;
163   var tentoi = 0;
164   var tamteni = 0;
165   var slajdui = $(".slidei").length;
166      
167   tentoi = slajdi;
168
169   if (kami == -100) tamteni = tentoi-1 
170     else if (kami == 100) tamteni = tentoi+1 
171       else tamteni = kami;
172
173   slajdi = tamteni;
174  
175   $(".slidei:eq("+tentoi+")").stop().fadeOut("slow", function() { });
176   $(".slidei:eq("+tamteni+")").stop().fadeIn("slow", function() { });

177 
178   $("#puntikyi IMG:eq("+slajdi+")").css('opacity', 1 );
179  
180   if (slajdi == 0) $("#levai").hide() 
181     else $("#levai").show();
182   if (slajdi == slajdui-1) $("#pravai").hide() 
183     else $("#pravai").show();
184     
185}