Adding gallery
|
@ -23,7 +23,6 @@
|
|||
audioElement.pause();
|
||||
audioElement.play();
|
||||
}
|
||||
swingDirection = 'forward';
|
||||
swingLedsToMenu();
|
||||
var jqThisLamp = jqLiMenuElement.find('.lamp');
|
||||
var jqThisMenuBg = jqLiMenuElement.find('.menubg');
|
||||
|
@ -40,6 +39,7 @@
|
|||
};
|
||||
|
||||
var swingLedsToMenu = function () {
|
||||
swingDirection = 'forward';
|
||||
if (ledTimeoutId) {
|
||||
// Clear if there's any running swing
|
||||
clearTimeout(ledTimeoutId);
|
||||
|
@ -66,7 +66,7 @@
|
|||
var jqMenuLedToLight = $(jqMenuLeds.get(litLedId - 1));
|
||||
jqMenuLedToLight.addClass('active');
|
||||
if (doNextCycle) {
|
||||
ledTimeoutId = setTimeout(lightUpNextLed, 30);
|
||||
ledTimeoutId = setTimeout(lightUpNextLed, 100);
|
||||
} else {
|
||||
ledTimeoutId = null;
|
||||
}
|
||||
|
@ -83,20 +83,11 @@
|
|||
jqMenuUl = $('#menu-chooser');
|
||||
jqContentPages = $('.content-center-wrapper .page');
|
||||
maxMenuCount = jqMenuLeds.length;
|
||||
$('.page').perfectScrollbar({
|
||||
$('.page, .gallery-wrapper').perfectScrollbar({
|
||||
suppressScrollX: true
|
||||
});
|
||||
swingLedsToMenu();
|
||||
};
|
||||
|
||||
// function menuClick(obj){
|
||||
// var src = "images/lampa_animation.gif";
|
||||
// obj.attr('src', src);
|
||||
// var t = setTimeout(function(){
|
||||
// var src = obj.attr('src')=="/images/lampa_animation.gif"?"/images/lampa_active.gif":"images/lampa_active.png";
|
||||
// obj.attr('src', src);
|
||||
// window.location = obj.data('location');
|
||||
// }, 3000);
|
||||
// }
|
||||
|
||||
$(document).ready(onReadyDocument);
|
||||
})(jQuery);
|
||||
|
|
|
@ -85,6 +85,18 @@ a {
|
|||
background-size: 100%;
|
||||
}
|
||||
|
||||
.content-left-wrapper .gallery-wrapper {
|
||||
position: relative;
|
||||
margin: 25px 2px 0 20px;
|
||||
height: 291px;
|
||||
text-align: center;
|
||||
padding-right: 14px;
|
||||
}
|
||||
.content-left-wrapper .gallery-wrapper a img {
|
||||
margin-bottom: 5px;
|
||||
max-width: 180px;
|
||||
}
|
||||
|
||||
.content-center-wrapper {
|
||||
background: url('/images/palinkafozo_tartalom.jpg') no-repeat center top;
|
||||
float: left;
|
||||
|
@ -266,7 +278,7 @@ a {
|
|||
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
|
||||
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
|
||||
background-color: #b98850;
|
||||
box-shadow: 0px 0px 2px 2px 0px 0px 2px 2px #5A390F;
|
||||
box-shadow: 0px 0px 2px 2px #5A390F;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
|
||||
|
|
|
@ -18,6 +18,7 @@
|
|||
],
|
||||
"dependencies": {
|
||||
"jquery": "~2.1.4",
|
||||
"perfect-scrollbar": "~0.6.2"
|
||||
"perfect-scrollbar": "~0.6.2",
|
||||
"lightbox2": "~2.7.1"
|
||||
}
|
||||
}
|
||||
|
|
After Width: | Height: | Size: 334 KiB |
After Width: | Height: | Size: 842 KiB |
After Width: | Height: | Size: 1.4 MiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 3.0 MiB |
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 998 KiB |
After Width: | Height: | Size: 1.7 MiB |
After Width: | Height: | Size: 108 KiB |
After Width: | Height: | Size: 43 KiB |
After Width: | Height: | Size: 64 KiB |
After Width: | Height: | Size: 52 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 108 KiB |
After Width: | Height: | Size: 63 KiB |
After Width: | Height: | Size: 63 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 197 KiB After Width: | Height: | Size: 197 KiB |
55
index.html
|
@ -1,13 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="/bower_components/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Prédikátor Lepárló</title>
|
||||
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="/bower_components/lightbox2/js/lightbox.min.js"></script>
|
||||
<script src="/bower_components/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
|
||||
|
||||
<title>Prédikátor Lepárló</title>
|
||||
<link href="/bower_components/perfect-scrollbar/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="/assets/main.css" rel="stylesheet" type="text/css">
|
||||
<link href='http://fonts.googleapis.com/css?family=Cutive+Mono&subset=latin-ext' rel='stylesheet' type='text/css'>
|
||||
<script type="text/javascript" src="/assets/app.js"></script>
|
||||
<link href="/bower_components/perfect-scrollbar/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="/bower_components/lightbox2/css/lightbox.css" rel="stylesheet" type="text/css">
|
||||
<link href="/assets/main.css" rel="stylesheet" type="text/css">
|
||||
<link href='http://fonts.googleapis.com/css?family=Cutive+Mono&subset=latin-ext' rel='stylesheet' type='text/css'>
|
||||
<script type="text/javascript" src="/assets/app.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
@ -20,6 +24,41 @@
|
|||
</div>
|
||||
<div class="content">
|
||||
<div class="content-left-wrapper">
|
||||
<div class="gallery-wrapper">
|
||||
<a href="/gallery/01.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/01.png">
|
||||
</a>
|
||||
<a href="/gallery/02.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/02.png">
|
||||
</a>
|
||||
<a href="/gallery/03.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/03.png">
|
||||
</a>
|
||||
<a href="/gallery/04.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/04.png">
|
||||
</a>
|
||||
<a href="/gallery/05.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/05.png">
|
||||
</a>
|
||||
<a href="/gallery/06.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/06.png">
|
||||
</a>
|
||||
<a href="/gallery/07.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/07.png">
|
||||
</a>
|
||||
<a href="/gallery/08.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/08.png">
|
||||
</a>
|
||||
<a href="/gallery/09.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/09.png">
|
||||
</a>
|
||||
<a href="/gallery/10.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/10.png">
|
||||
</a>
|
||||
<a href="/gallery/11.png" data-lightbox="gallery-1">
|
||||
<img src="/gallery/thumbnails/11.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-center-wrapper">
|
||||
|
|