diff --git a/website/dbcon.php b/website/dbcon.php
index 44a7f44..a803896 100644
--- a/website/dbcon.php
+++ b/website/dbcon.php
@@ -2,7 +2,7 @@
$SQLHost = "db.a-hoefler.eu";
$SQLUser = "root";
-$SQLPasswort = "";
+$SQLPasswort = "bqCdUHZYgHeTd583kZ3cMVd9";
$SQLDatenbank = "jensmemes";
$con = mysqli_connect($SQLHost, $SQLUser, $SQLPasswort, $SQLDatenbank);
diff --git a/website/incl/img.php b/website/incl/img.php
index f911407..118f416 100644
--- a/website/incl/img.php
+++ b/website/incl/img.php
@@ -1,143 +1,152 @@
+
-
JensMemes
-
+
Jens Memes
+
-
-
-
- ';
- } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
- echo '
-
-
-
+ if($ext=="mp4"){
+ echo '
+
+
+
+ ';
+ } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
+ echo '
+
+
+
+ ';
+ }
+
+ }
+
+ }
+ mysqli_free_result( $db_ergJens );
+ ?>
+
+
+
+ ';
+ } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
+ echo '
+
+
+
+
+ ';
+ }
+
+ }
+
+ }
+ mysqli_free_result( $db_ergrandom );
+ ?>
+
+
+
Realtox Memes
+
-
randomMemes
-
-
-
-
- ';
- } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
- echo '
-
-
-
+
- ';
- }
+ ';
+ } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
+ echo '
+
+
+
+
+ ';
+ }
- }
+ }
-}
-mysqli_free_result( $db_ergrandom );
-?>
-realtoxMemes
-
+
+
-
- ';
- } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
- echo '
-
-
-
+ if($ext=="mp4"){
+ echo '
- ';
- }
-
- }
-
-}
-mysqli_free_result( $db_ergrealtox );
-?>
- hendrikMemes
-
-
-
-
- ';
- } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
- echo '
-
-
-
+
- ';
- }
+ ';
+ } else if($ext=="png" || $ext=="jpg" ||$ext=="jpeg"||$ext=="gif" ){
+ echo '
+
+
+
+
+ ';
+ }
- }
+ }
-}
-mysqli_free_result( $db_erghendrik );
-?>
\ No newline at end of file
+ }
+ mysqli_free_result( $db_erghendrik );
+ ?>
+
+
\ No newline at end of file
diff --git a/website/index.php b/website/index.php
index 478e083..9316b73 100644
--- a/website/index.php
+++ b/website/index.php
@@ -7,10 +7,12 @@
-
+
-
+
+
@@ -69,6 +71,19 @@
+
+
+
+
Anzeigen::
+
+
-
+?>
\ No newline at end of file
diff --git a/website/script/preload.js b/website/script/preload.js
new file mode 100644
index 0000000..c82a0e7
--- /dev/null
+++ b/website/script/preload.js
@@ -0,0 +1,29 @@
+document.addEventListener("DOMContentLoaded", function() {
+ var lazyloadImages = document.querySelectorAll("img.lazy");
+ var lazyloadThrottleTimeout;
+
+ function lazyload () {
+ if(lazyloadThrottleTimeout) {
+ clearTimeout(lazyloadThrottleTimeout);
+ }
+
+ lazyloadThrottleTimeout = setTimeout(function() {
+ var scrollTop = window.pageYOffset;
+ lazyloadImages.forEach(function(img) {
+ if(img.offsetTop < (window.innerHeight + scrollTop)) {
+ img.src = img.dataset.src;
+ img.classList.remove('lazy');
+ }
+ });
+ if(lazyloadImages.length == 0) {
+ document.removeEventListener("scroll", lazyload);
+ window.removeEventListener("resize", lazyload);
+ window.removeEventListener("orientationChange", lazyload);
+ }
+ }, 20);
+ }
+
+ document.addEventListener("scroll", lazyload);
+ window.addEventListener("resize", lazyload);
+ window.addEventListener("orientationChange", lazyload);
+});
\ No newline at end of file
diff --git a/website/script/show.js b/website/script/show.js
new file mode 100644
index 0000000..96734c1
--- /dev/null
+++ b/website/script/show.js
@@ -0,0 +1,48 @@
+$(document).ready(function(){
+ $('#show').on('change', function() {
+ if ( this.value == '0')
+ {
+ $("#jens").show();
+ $("#realtox").show();
+ $("#random").show();
+ $("#hendrik").show();
+ $("#jens").show();
+
+ }
+ else if(this.value == '1')
+ {
+ $("#jens").hide();
+ $("#realtox").hide();
+ $("#random").hide();
+ $("#hendrik").hide();
+ $("#jens").show();
+ }else if(this.value == '2')
+ {
+ $("#jens").hide();
+ $("#realtox").show();
+ $("#random").hide();
+ $("#hendrik").hide();
+ $("#jens").hide();
+ }else if(this.value == '3')
+ {
+ $("#jens").hide();
+ $("#realtox").hide();
+ $("#random").hide();
+ $("#hendrik").show();
+ $("#jens").hide();
+ }else if(this.value == '4')
+ {
+ $("#jens").hide();
+ $("#realtox").hide();
+ $("#random").show();
+ $("#hendrik").hide();
+ $("#jens").hide();
+ }else if(this.value == '5')
+ {
+ $("#jens").hide();
+ $("#realtox").hide();
+ $("#random").hide();
+ $("#hendrik").hide();
+ }
+ });
+});
\ No newline at end of file