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"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
width="1920" enable-background="new 0 0 512 512"
height="1080" height="1080"
viewBox="0 0 507.99999 285.75" id="Layer_1"
version="1.1" version="1.1"
id="svg8" viewBox="0 0 1920 1080"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" width="1920"
xml:space="preserve"
sodipodi:docname="no-image.svg" sodipodi:docname="no-image.svg"
inkscape:export-filename="Z:\HybridSupply\Website\Drehmeister\Fittinge Thermoplast-Leistung\106910.png" inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" id="defs13" /><sodipodi:namedview
xmlns:cc="http://creativecommons.org/ns#" id="namedview11"
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"
pagecolor="#ffffff" pagecolor="#ffffff"
bordercolor="#666666" bordercolor="#666666"
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.24748738" inkscape:pageopacity="0.0"
inkscape:cx="606.09152" inkscape:pagecheckerboard="0"
inkscape:cy="585.88847"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
borderlayer="true" borderlayer="true"
inkscape:showpageshadow="false" inkscape:showpageshadow="false"
fit-margin-top="0" inkscape:snap-global="true"
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-bbox="true" inkscape:snap-bbox="true"
inkscape:bbox-paths="true" inkscape:bbox-paths="true"
inkscape:bbox-nodes="true" inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true" inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-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" inkscape:snap-page="true"
showguides="true" inkscape:zoom="0.58073907"
inkscape:guide-bbox="true" inkscape:cx="936.7374"
inkscape:pagecheckerboard="0" inkscape:cy="664.67028"
inkscape:snap-global="true" /> inkscape:window-width="1920"
<metadata inkscape:window-height="1027"
id="metadata5"> inkscape:window-x="-8"
<rdf:RDF> inkscape:window-y="-8"
<cc:Work inkscape:window-maximized="1"
rdf:about=""> inkscape:current-layer="Layer_1" /><rect
<dc:format>image/svg+xml</dc:format> style="fill:#f9f9f9;stroke:#f0f0f0;stroke-width:0.98345;stroke-linecap:square;stroke-dashoffset:7.55905;paint-order:stroke markers fill"
<dc:type id="rect852"
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> width="1919.5166"
<dc:creator> height="1079.5166"
<cc:Agent> x="-0.0082750227"
<dc:title>Jay</dc:title> y="-0.0082750227" /><g
</cc:Agent> id="g8"
</dc:creator> transform="matrix(3.0801933,0,0,3.0801933,171.31651,-248.68347)"
</cc:Work> style="stroke:#f0f0f0;stroke-opacity:1"><rect
</rdf:RDF> fill="none"
</metadata> height="190.3"
<g stroke="#000000"
inkscape:label="Ebene 1" stroke-linecap="round"
inkscape:groupmode="layer" stroke-linejoin="round"
id="layer1" stroke-miterlimit="10"
transform="translate(365.79087,-214.24487)"> stroke-width="10"
<g width="199.5"
id="g1381" x="156.3"
transform="matrix(0.35277777,0,0,-0.35277777,-10.667342,808.52363)"> y="160.89999"
<g id="rect2"
id="g1383" style="stroke:#f0f0f0;stroke-opacity:1" /><polyline
clip-path="url(#clipPath1387)"> fill="none"
<g points=" 156.3,315.7 219.7,256 275.7,315.7 304.7,285.8 355.7,351.1 "
id="g1389" stroke="#000000"
transform="translate(-13.03937,-13.03937)" /> stroke-linecap="round"
</g> stroke-linejoin="round"
</g> stroke-miterlimit="10"
<g stroke-width="10"
id="g1395" id="polyline4"
transform="matrix(0.35277777,0,0,-0.35277777,-10.667342,808.52363)"> style="stroke:#f0f0f0;stroke-opacity:1" /><circle
<g cx="303.89999"
id="g1397" cy="222.60001"
clip-path="url(#clipPath1401)"> fill="none"
<g r="26.200001"
id="g1403" stroke="#000000"
transform="translate(-13.03937,-13.03937)" /> stroke-linecap="round"
</g> stroke-linejoin="round"
</g> stroke-miterlimit="10"
<text stroke-width="10"
xml:space="preserve" id="circle6"
transform="matrix(7.883103,0,0,7.883103,-219.87561,-1376.709)" style="stroke:#f0f0f0;stroke-opacity:1" /></g></svg>
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>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

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