Fancybox mit Vorschau-Bilder creator
Das Script erstellt aus euren Fotos ein zusätzliches Vorschaubild. Damit kann man Datenvolum sparen. Deine Besucher werden es dir danken.
Download-archiv
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Homepage von Basti1012 = myscript ,Fancy Box mit Vorschau </title>
<link href="/css_webseite/fancybox.css" rel="stylesheet">
<style>
div#gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#gallery a{
margin:10px 0;
}
figure{
max-height:300px;
max-width:300px;
display:inline-flex;
border:2px solid black;
flex-direction:column;
padding:10px;
}
figure>img{
max-height:200px;
}
figcaption{
height:100px;
display:flex;
flex-direction:column;
}
figcaption > p{
margin:0;
padding:0;
flex:1;
word-wrap: break-word;