Vorlage:CSS-Bildausschnitt: Unterschied zwischen den Versionen

Aus 5BN-Wiki
(Die Seite wurde neu angelegt: „Achtung: Diese Vorlage verursacht auf Mobilgeräten, in Druckversionen etc. Darstellungsfehler. Zudem ist sie nicht in der Medienvorschau wirksam. <onlyinclud…“)
 
(Bessere (?) Version ohne Probleme in der Mobilansicht (?), Quelle: https://en.wikipedia.org/w/index.php?title=Template:CSS_image_crop&action=edit)
Zeile 1: Zeile 1:
Achtung: Diese Vorlage verursacht auf Mobilgeräten, in Druckversionen etc. Darstellungsfehler. Zudem ist sie nicht in der Medienvorschau wirksam.
{{#if:{{{Image|}}}|<div class="{{#if:{{{Description|}}}|thumb <!--
 
-->{{#switch:{{{Location|}}}
<onlyinclude><includeonly><div class="{{#ifeq: {{{Location|}}} | center |center"><div class="|{{#ifeq: {{{Description|}}}|||thumb}}}} {{#switch: {{{Location|}}} | right = t | left = t | none = t | = {{#ifeq: {{{Description|}}}|||tright}}}}{{{Location|}}}">
| none | tnone = tnone
{{#ifeq: {{{Description|}}}|||<div style="width: {{{cWidth}}}px;" class="thumbinner">}}
| left | tleft = tleft
<div style="width:{{{cWidth}}}px;height:{{{cHeight}}}px;overflow:hidden;">
| right | tright = tright
<div style="position:relative;top:-{{{oTop}}}px;left:-{{{oLeft}}}px;width:{{{bSize}}}">
| center = center
[[Datei:{{{Image}}}|{{{bSize}}}px|class=noresize]]
| #default = tright }}|<!-- if no description:
</div>{{#ifeq: {{{Description|}}}|||</div><div class="thumbcaption">{{{Description}}}</div>}}
-->{{#switch:{{{Location|}}}
| none = floatnone
| left = floatleft
| right = floatright
| center = center }}}}">
{{#if:{{{Description|}}}|<div class="thumbinner" style="width: {{#expr:{{{cWidth}}}+2}}px;">}}
<div {{#if:{{{Description|}}}|class="thumbimage"}} style="width: {{{cWidth}}}px; height: {{{cHeight}}}px; overflow: hidden;">
<div style="position: relative; top: -{{{oTop|0}}}px; left: -{{{oLeft|0}}}px; width: {{{bSize}}}px"><!--
--><div class="noresize">[[File:{{{Image}}}|{{{bSize}}}px|alt={{{Alt|{{{Description|{{{Image}}}}}}}}}{{#if:{{{Link|}}}|{{!}}link={{{Link}}}}}{{#if:{{{Page|}}}|{{!}}page={{{Page}}}}}]]</div><!--
--></div>
{{#if:{{{Description|}}}|</div>
<div class="thumbcaption">
<div class="magnify">[[:{{#if:{{{magnify-link|}}}|{{{magnify-link}}}|File:{{{Image}}}}}| ]]</div>{{{Description}}}
</div>}}
</div>
</div>
</div>{{#ifeq: {{{Location|}}} | center |</div>|}}</includeonly></onlyinclude>
</div>{{#ifeq:1|{{ifnumber|{{{cWidth|}}}{{{cHeight|}}}{{{oTop|}}}{{{oLeft|}}}{{{bSize|}}}}}||[[Category:CSS image crop using invalid parameters]]}}}}<noinclude>
{{documentation}}
</noinclude>


[https://de.wikipedia.org/wiki/Vorlage:CSS-Bildausschnitt/Doku Dokumentation]
[https://de.wikipedia.org/wiki/Vorlage:CSS-Bildausschnitt/Doku Dokumentation]

Version vom 31. Mai 2019, 15:25 Uhr