vrai bouton "haut de page" digne de ce nom

bouton haut de page
ouverture des img dans nouvel onglet
2022-09-17 11:07:57 +02:00 · 2022-09-17 10:52:28 +02:00 · 2022-09-17 10:46:29 +02:00
3 changed files with 28 additions and 4 deletions
--- a/index.php
+++ b/index.php
@ -8,8 +8,23 @@
    <meta property="og:description" content="Albums d'illustrations des waifus d'Esenjin.">

    <link rel="shortcut icon" id="favicon" href="favicon.ico">
-
    <link href='style.css' rel='stylesheet' type='text/css'>
+
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
+    <script>
+            jQuery(function(){
+                $(function () {
+                    $(window).scroll(function () {
+                        if ($(this).scrollTop() > 200 ) { 
+                            $('#scrollUp').css('right','10px');
+                        } else { 
+                            $('#scrollUp').removeAttr( 'style' );
+                        }
+ 
+                    });
+                });
+            });
+    </script>
 </head>

 <body>
@ -40,11 +55,13 @@ if(!empty($dossier));
        foreach($dossier as $lien=>$date)
    sort($fichier);
        foreach($fichier as $lien) {
-            echo "<div align=\"center\"><img src=\"$dir_nom/$lien\" loading=\"lazy\"></img></div>\r
+            echo "<div align=\"center\"><a href=\"$dir_nom/$lien\" target=\"_blank\"><img src=\"$dir_nom/$lien\" loading=\"lazy\"></img></a></div>\r
            <div align=\"center\"><p>&#128269; <a href=\"http://saucenao.com/search.php?db=999&url=https://concepts.esenjin.xyz/teumbleur/v3/img/$lien\" target=\_blank>source</a></p></div>\r\r </br></br>";
        }
 
 ?>
-
+<div id="scrollUp">
+    <a href="#top"><img src="top.png"/></a>
+</div>
 </br>
 </body>
--- a/style.css
+++ b/style.css
@ -17,7 +17,14 @@ div {
 }

 img {
-	width: 600px;
+	max-width: 600px;
 	height: auto;
 	border-radius: 12px;
 }
+
+#scrollUp {
+position: fixed;
+bottom : 10px;
+right: -100px;
+opacity: 0.5;
+}
--- a/top.png
+++ b/top.png
Author	SHA1	Message	Date
Esenjin	e2c9666fab	vrai bouton "haut de page" digne de ce nom	2022-09-17 11:07:57 +02:00
Esenjin	6dc437a603	bouton haut de page	2022-09-17 10:52:28 +02:00
Esenjin	8fa7691f27	ouverture des img dans nouvel onglet	2022-09-17 10:46:29 +02:00