2012-01-31 17 views
6

MediaWiki pictures può essere impostato su una determinata dimensione con una semplice formattazione.C'è un modo per ridimensionare automaticamente le immagini MediaWiki a seconda delle dimensioni dello schermo?

Tuttavia, tables verrà ridimensionato al volo a seconda del browser/dimensioni dello schermo.

Le immagini possono essere ridimensionate come tabelle?

(Immagini all'interno tabelle non funziona!)

+1

Ho avuto la stessa domanda e ho visto dalle risposte seguenti che non è possibile avere più immagini con dimensioni relative diverse. Così ho scritto un'estensione mediawiki: https://www.mediawiki.org/wiki/Extension:AdaptiveThumb –

+1

@ThorstenStaerk: suggerisci di aggiungerla come una nuova risposta! – Wikis

risposta

4

Ho avuto la stessa domanda e ho visto dalle risposte sopra (ora sono sotto) che non si possono avere più immagini con dimensioni relative differenti. Così ho scritto un'estensione mediawiki che permette questo: http://mediawiki.org/wiki/Extension:AdaptiveThumb

1

In breve, no, non esiste un modo semplice per farlo. Potrebbe verosimilmente essere fatto con un po 'di proverbiale Javascript, ma non sono a conoscenza di nessuno che abbia provato questo e l'implementazione non sarebbe banale.

+1

troverai lì dove segnalare i bug nel caso in cui non funzioni per te :) –

0

La risposta breve è no. La lunga risposta è che dovresti scrivere un codice JavaScript in grado di determinare la risoluzione dello schermo dell'utente e memorizzarlo in un cookie. Questo dovrebbe essere fatto molto probabilmente in common.js, con l'eccezione di quello su un miliardo di utenti che non è mai stato al sito e riesce a navigare direttamente alla pagina con l'immagine di dimensioni dinamiche (spero che non hai intenzione di mettere qualcosa di simile nella tua pagina principale), quelle informazioni saranno già lì quando arrivano al pagina. La pagina potrebbe quindi utilizzare tali variabili per impostare la dimensione su {{#expr:(File height * % of screen you want it to take)*(screen height)}}x{{#expr:(File width * % of screen you want it to take)*(screen width)}}px. L'host della mia wiki dice che è in procinto di scrivere una nuova estensione che potrebbe essere in grado di farlo come parte di una richiesta per una sezione <div style="overflow-x: scroll; width: {{#expr:(File width * % of screen you want it to take)*(screen width)}}px;"> che voglio fare. Se trovi qualcos'altro prima di me, ti preghiamo di aggiornare questo post in modo che possa vederlo. Grazie. : D

+0

Perché dovresti anche scrivere la risoluzione dello schermo dell'utente in un cookie?È qualcosa che è vivo e cambia al volo. Un secondo è 1400 px, l'altro secondo può essere 600 px. – kiradotee

3

ridimensionamento dinamico come il browser viene ridimensionata: Mettere la riga successiva all'inizio del file CSS:. \ skins \ common \ shared.css

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } 

Ogni immagine sarà ridimensionabile collocato all'interno di un <div></div>

<div>[[Image:MyImage.png]]</div> 

Per saperne di più qui: http://www.mediawiki.org/wiki/Help_talk:Images

1

Si può impostare un hack CSS.

Mediawiki consente di includere alcune variabili come alt-text, anche in quella variabile una stringa speciale come w100 o resizeable vi permetterà di indirizzare l'elemento con i CSS:

img[alt=~w100] { width: 100% !important; height: auto !important; } 

notano che dal momento che stanno usando alt per cose che non devono essere usate e !important nel CSS (perché MW imposta la dimensione come stile di un elemento), questo deve essere evitato il più possibile e pensato per essere usato come ultima risorsa.

Problemi correlati