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