Setting a non-image as MediaWiki wiki logo - mediawiki

How can I use .swf file as my logo ? I found out that in LocalSettings.php
$wgLogo= "$wgStylePath/common/images/wiki.png";
I can change my logo through this line , but it only supports images , how can I use .swf or .fla file instead of an image ?

The logo should always be an image, it might be shown in various locations. Create a png version of your swf file if possible.
The logo shown in the top left (at least in Monobook and Vector skin) is by default an anchor element (with a link towards the main page), with the logo file set as a background image. If you want to replace it with something different, you will need to edit the skin template(s). In monobook, for example, it would be the code around line 125.

Related

When adding <img> to my code .svg not appearing

I am using VSCode and I am trying to add an .svg file to my project but it is not appearing on the Live Server. I used the same code just different file name as the other assets and it the file just will not appear.
Here is the JSFiddle of my project: https://jsfiddle.net/sillybrownboy/netgLq94/14/
'''
<img class="about_1"
src="images/about_icon.svg">
'''
I obviously had to host my .svg files and .png files in order to get it to work but I left the code for the "about_icon.svg" the same at the bottom of the HTML.
I would check path where the about_icon.svg image is being stored. On your JSFiddle code, all the images are showing an absolute path, where the about_icon.svg is showing a relative path, in relation to that specific web page. If the about_icon.svg image is being stored on a remote server, similar to the other images, then you want to change the src location for the about_1 image to an absolute path, not a relative path.
Also, from my experience, I have forgotten to upload images or uploaded to a wrong location on the server, and have wondered why they weren't displaying.

Image URL that does not end with .jpg not display in React?

I have an image URL like this: https://static.wikia.nocookie.net/witcher/images/8/86/Tw3-abelard.jpg/revision/latest?cb=20171014085335&format=original
When I tried to put that into the src of the img in React the image didn't display. It showed after I deleted all the part after the .jpg but the image is so blurry.
Any help on what I am supposed to do to display image from Wikia without modifying my own CSS?
.jpg files do not scale. If the default size of the picture.jpg is 10x10 and you try to scale it to 100x100, then it will go blurry as you described. If you want a scalable picture, use .svg files instead.

html image will not load on web page

I am having difficulty getting my html image to appear on my web page. My image is in a file folder called images. I am practicing on jsfiddle and notepad and I cant' get the image to appear on either of them. My photo is in an file folder called images. I have tried using and it doesn't work. What step am I missing?

svg image not renedered in django

I have developed a django application to show svg image on browser.
I have vss image that i saved as svg and placed in media folder with appropriate settings
Problem: when i try to view the svg image through my django application , images not displayed.
To verify if my project setting are correct i look at the page source and its having svg content.
When i directly access the svg file using full path to svg file , it appear correctly.
Also when i create small svg file to draw circle at same location that is media and try to view it , it appeared on browser through my django application.
To me it look like svg file which i created from vss have some tags that contradict with html and hence not displaying svg image in browser.d
You should use models.FileField instead models.ImageField, and in your template use it as image tag.
The issue here is that Django uses the PIL library to validate that uploaded files really are images
more about this issue
And if you have troubles with render SVG images in browser, you should use third party library, e.g. Raphael.js

HTML Wamp - debugging required

Well I built a page which is working absolutely fine as you can see below:
but when i copy my folder to C:\wamp\www\myFolder and run it through localhost using WAMP Server it look something like this
the problem is that the attached Style Sheets are not working and the Java Script is not working.
see below
where you see the green dots here the images are loaded fine...
where you see the pink dots the images are not loaded
where you see the black dot.. 5 boxes in the red section... they are javascript rollover images well they loaded but are not working.. once mouse over the rollover image is not displayed
on the top right where you see the yellow boxes.. the links and the textbox and the button have css style attached which is not working...
WHATS HAPPENING
Perhaps your assets (css and js) are served incorrectly?
If you view source of you page in Firefox, you will be able to click on css link. Do it and see if it take you to your css. If not, then you have the answer - assets path is wrong.
It looks like the images are in the wrong place.
WAMP by default points to C:\www. If your images in your CSS/HTML are referenced by "/images/example.png", then Apache interprets this request as:
"Look for the file example.png in the folder C:\www\images\"
You need to either add the directory "/myFolder/images/" to the image URL or reference the images relative from the CSS file.
This means if your css file is in your C:\www\myFolder and you have an images folder in C:\www\myFolder then your images inside your css will be declared like this:
url('images/example.png');
Note that the trailing slash has been removed, this means it will be relative from the CSS rather than from the root directory (C:\www)
Hope that helps.
i had my links like
href=".\images\image.png"
just changed them to
href=".\images/image.png"
the server was doing what it was supposed to do...