Template:Jux: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
(Added height/width flags) |
||
| (23 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
< | <noinclude> | ||
=== Juxtapose Images === | |||
# Upload the two images you want to juxtapose on ConsoleMods by clicking the "Upload File" button in the sidebar. | |||
# Get the URL of each image by clicking on each until the URL is similar to: `https://consolemods.org/wiki/images/d/d4/Xbox.png`. | |||
# Visit [https://juxtapose.knightlab.com/ KnightLab.com] (a Northwestern University website) and click "Make a Juxtapose". Choose "Interactive" for the Juxtapose type and complete the form, supplying the URL of each picture. | |||
# Click "Publish" and it will generate an embed link such as: | |||
#:`https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=7c10a588-3991-11e7-a6aa-0edaf8f81e27` | |||
# Copy the ID at the end following `uid=` and paste it in the format <code><nowiki>{{Juxtapose|ID_HERE|width=800|height=600}}</nowiki></code> or the short name <code><nowiki>{{Jux|ID_HERE|width=800|height=600}}</nowiki></code>. Make sure to enter the height/width of the image (in pixels). | |||
#: With our example, it would be: <code><nowiki>{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27|width=800|height=600}}</nowiki></code> | |||
#: Which would result in: | |||
{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27|width=800|height=600}} | |||
</noinclude> | |||
{{#tag:iframe|level="cdn"|path="libs/juxtapose/latest/embed/index.html?uid={{{1}}}"|w={{{width|800}}}|h={{#expr: {{{height|600}}} + 15}}}} | |||
Latest revision as of 09:18, 16 July 2023
Juxtapose Images
- Upload the two images you want to juxtapose on ConsoleMods by clicking the "Upload File" button in the sidebar.
- Get the URL of each image by clicking on each until the URL is similar to:
https://consolemods.org/wiki/images/d/d4/Xbox.png. - Visit KnightLab.com (a Northwestern University website) and click "Make a Juxtapose". Choose "Interactive" for the Juxtapose type and complete the form, supplying the URL of each picture.
- Click "Publish" and it will generate an embed link such as:
- Copy the ID at the end following
uid=and paste it in the format{{Juxtapose|ID_HERE|width=800|height=600}}or the short name{{Jux|ID_HERE|width=800|height=600}}. Make sure to enter the height/width of the image (in pixels).- With our example, it would be:
{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27|width=800|height=600}} - Which would result in:
- With our example, it would be: