FANDOM


(Created page with "I am to trying to create a frame template that users can input an image and adjust which portion of the image they want to display. This is the template[https://trinity-seven....")
 
 
Line 1: Line 1:
 
I am to trying to create a frame template that users can input an image and adjust which portion of the image they want to display. This is the template[https://trinity-seven.fandom.com/wiki/Template:RightMenuBox] and CSS[https://trinity-seven.fandom.com/wiki/MediaWiki:RightMenu.css].
 
I am to trying to create a frame template that users can input an image and adjust which portion of the image they want to display. This is the template[https://trinity-seven.fandom.com/wiki/Template:RightMenuBox] and CSS[https://trinity-seven.fandom.com/wiki/MediaWiki:RightMenu.css].
   
Basically, under the covers, the img is using absolute coordinates and the position can be adjusted through CSS using the top, right, left, bottom properties. However, <pre>[[File:XXX]]</pre> provides no option to adjust the style, so if possible I was wondering if there was a way to get the url that gets extracted for <pre>[[File:XXX]]</pre>?
+
Basically, under the covers, the img is using absolute coordinates and the position can be adjusted through CSS using the top, right, left, bottom properties. However,
  +
  +
<pre>[[File:XXX]]</pre>
  +
provides no option to adjust the style, so if possible I was wondering if there was a way to get the url that gets extracted for
  +
  +
<pre>[[File:XXX]]</pre>
  +
For example:
   
For example:
 
 
<pre>
 
<pre>
 
[[File:Example.jpg]]
 
[[File:Example.jpg]]
 
</pre>
 
</pre>
 
becomes
 
becomes
  +
 
<pre>
 
<pre>
 
<img src="https://vignette.wikia.nocookie.net/community/images/8/87/Example.jpg/revision/latest/scale-to-width-down/600?cb=20180218035435" alt="" class="" data-image-key="Example.jpg" data-image-name="Example.jpg">
 
<img src="https://vignette.wikia.nocookie.net/community/images/8/87/Example.jpg/revision/latest/scale-to-width-down/600?cb=20180218035435" alt="" class="" data-image-key="Example.jpg" data-image-name="Example.jpg">

Latest revision as of 05:38, September 11, 2019

I am to trying to create a frame template that users can input an image and adjust which portion of the image they want to display. This is the template[1] and CSS[2].

Basically, under the covers, the img is using absolute coordinates and the position can be adjusted through CSS using the top, right, left, bottom properties. However,

[[File:XXX]]

provides no option to adjust the style, so if possible I was wondering if there was a way to get the url that gets extracted for

[[File:XXX]]

For example:

[[File:Example.jpg]]

becomes

<img src="https://vignette.wikia.nocookie.net/community/images/8/87/Example.jpg/revision/latest/scale-to-width-down/600?cb=20180218035435" alt="" class="" data-image-key="Example.jpg" data-image-name="Example.jpg">

Is there a way to get the src of img?

Community content is available under CC-BY-SA unless otherwise noted.