Add image placeholder

This commit is contained in:
Jay Trees 2022-02-23 16:46:55 +01:00
parent 6d783e5860
commit b151f69662
2 changed files with 65 additions and 582 deletions

View file

@ -1,602 +1,83 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1920"
enable-background="new 0 0 512 512"
height="1080"
viewBox="0 0 507.99999 285.75"
id="Layer_1"
version="1.1"
id="svg8"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
viewBox="0 0 1920 1080"
width="1920"
xml:space="preserve"
sodipodi:docname="no-image.svg"
inkscape:export-filename="Z:\HybridSupply\Website\Drehmeister\Fittinge Thermoplast-Leistung\106910.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2">
<rect
x="0"
y="197.9899"
width="2311.229"
height="1228.3455"
id="rect1552" />
<clipPath
id="clipPath851"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path849"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath865"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path863"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath875"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path873"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath889"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path887"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath903"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path901"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath921"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path919"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath4812"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path4810"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath4826"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path4824"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath4836"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path4834"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath4850"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path4848"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath4864"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path4862"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath4882"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path4880"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1369"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1367"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1387"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1385"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1401"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1399"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1411"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1409"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1425"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1423"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1443"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1441"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1443-3"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1441-4"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1425-8"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1423-0"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1411-1"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1409-6"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1914"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1912"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1932"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1930"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1946"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1944"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1956"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1954"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1970"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1968"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath1988"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path1986"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2393"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2391"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2403"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2401"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2417"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2415"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2431"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2429"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2445"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2443"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2455"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2453"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2469"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2467"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2479"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2477"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2489"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2487"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2503"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2501"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2517"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2515"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2531"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2529"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath2545"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path2543"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3484"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3482"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3494"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3492"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3508"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3506"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3522"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3520"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3536"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3534"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3546"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3544"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3560"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3558"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3570"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3568"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3580"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3578"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3594"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3592"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3608"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3606"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3622"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3620"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
<clipPath
id="clipPath3636"
clipPathUnits="userSpaceOnUse">
<path
style="clip-rule:evenodd"
inkscape:connector-curvature="0"
id="path3634"
d="M 0,0 H 569.73163 V 816.81165 H 0 V 0" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs13" /><sodipodi:namedview
id="namedview11"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.24748738"
inkscape:cx="606.09152"
inkscape:cy="585.88847"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
borderlayer="true"
inkscape:showpageshadow="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1027"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
units="px"
inkscape:snap-global="true"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-midpoints="true"
inkscape:object-paths="true"
inkscape:snap-intersection-paths="true"
inkscape:snap-smooth-nodes="true"
inkscape:snap-midpoints="true"
inkscape:snap-object-midpoints="true"
inkscape:snap-center="true"
inkscape:snap-text-baseline="true"
inkscape:snap-page="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:pagecheckerboard="0"
inkscape:snap-global="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:creator>
<cc:Agent>
<dc:title>Jay</dc:title>
</cc:Agent>
</dc:creator>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(365.79087,-214.24487)">
<g
id="g1381"
transform="matrix(0.35277777,0,0,-0.35277777,-10.667342,808.52363)">
<g
id="g1383"
clip-path="url(#clipPath1387)">
<g
id="g1389"
transform="translate(-13.03937,-13.03937)" />
</g>
</g>
<g
id="g1395"
transform="matrix(0.35277777,0,0,-0.35277777,-10.667342,808.52363)">
<g
id="g1397"
clip-path="url(#clipPath1401)">
<g
id="g1403"
transform="translate(-13.03937,-13.03937)" />
</g>
</g>
<text
xml:space="preserve"
transform="matrix(7.883103,0,0,7.883103,-219.87561,-1376.709)"
id="text1550"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect1552);fill:#ececec;fill-opacity:1;stroke:none;stroke-width:0.0335633"><tspan
x="0"
y="234.48345"
id="tspan2466">X</tspan></text>
</g>
</svg>
inkscape:zoom="0.58073907"
inkscape:cx="936.7374"
inkscape:cy="664.67028"
inkscape:window-width="1920"
inkscape:window-height="1027"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><rect
style="fill:#f9f9f9;stroke:#f0f0f0;stroke-width:0.98345;stroke-linecap:square;stroke-dashoffset:7.55905;paint-order:stroke markers fill"
id="rect852"
width="1919.5166"
height="1079.5166"
x="-0.0082750227"
y="-0.0082750227" /><g
id="g8"
transform="matrix(3.0801933,0,0,3.0801933,171.31651,-248.68347)"
style="stroke:#f0f0f0;stroke-opacity:1"><rect
fill="none"
height="190.3"
stroke="#000000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-width="10"
width="199.5"
x="156.3"
y="160.89999"
id="rect2"
style="stroke:#f0f0f0;stroke-opacity:1" /><polyline
fill="none"
points=" 156.3,315.7 219.7,256 275.7,315.7 304.7,285.8 355.7,351.1 "
stroke="#000000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-width="10"
id="polyline4"
style="stroke:#f0f0f0;stroke-opacity:1" /><circle
cx="303.89999"
cy="222.60001"
fill="none"
r="26.200001"
stroke="#000000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-width="10"
id="circle6"
style="stroke:#f0f0f0;stroke-opacity:1" /></g></svg>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -109,9 +109,11 @@ $(function() {
if (!elementImage.length) {
card.prepend(
'<div class="image">' +
'<img src="' + info.image + '" loading="lazy">' +
'<img class="preview" src="' + info.image + '" loading="lazy">' +
'</div>'
);
} else {
elementImage.children('img').attr('src', info.image);
}
}