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: | ||
− | + | {{#if:{{{Image|}}}|<div class="{{#if:{{{Description|}}}|thumb <!-- | |
− | + | -->{{#switch:{{{Location|}}} | |
− | + | | none | tnone = tnone | |
− | {{# | + | | left | tleft = tleft |
− | + | | right | tright = tright | |
− | <div style="position:relative;top:-{{{oTop}}}px;left:-{{{oLeft}}}px;width:{{{bSize}}}"> | + | | center = center |
− | [[ | + | | #default = tright }}|<!-- if no 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: {{{ | + | </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] |