I am looking for recommendations for a free image gallery, compatible with ASP.NET and which can load the images reading the location from an xml file.
something like this
<?xml version="1.0"?>
<gallery>
<image id="bk101">
<name>image1.png</name>
<title>this is a sample image 1 </title>
</image>
<image id="bk102">
<name>image2.png</name>
<title>this is a sample image 2 </title>
</image>
</gallery>
Have you tried Simple Viewer? I tried it a while back and found it easy to set up with XML files. It's flash based, but you didn't put restrictions on how the gallery was implemented.
Actually, while I am not sure about the asp compatibility, etc, the easier road could be installing something that does quite of the work for you. Some pair of good solutions could be http://bitnami.org/stack/coppermine and http://bitnami.org/stack/gallery
Related
To import and use svg file in sveltekit I refer to this article
https://riez.medium.com/svelte-kit-importing-svg-as-svelte-component-781903fef4ae
By the way, when I finally input the code
<svelte:component this={Logo} />
I got the error like below
<svelte:component this={...}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
I wish someone help me with this problem.
There is a SvelteKit plugin for inlining SVG:s. You can use the plugin in three different ways:
As a Svelte Component
As URL (e.g for use in an img tag)
As raw text (e.g for use in {#html rawText})
https://www.npmjs.com/package/#poppanator/sveltekit-svg
Looking through the article it seems to be solving a problem that doesn't exist in a way that is much more elaborate than needed.
In Svelte you can make a .svelte component that only contains SVG markup (inline), then use the svelte:component tag as you would with any other content.
Parent.svelte
<script>
import Circle from './Circle.svelte'
</script>
<svelte:component this={Circle} />
Circle.svelte
<svg viewbox="0 0 200 200">
<circle cx="100" cy="100" r="20"/>
</svg>
Here's a REPL showing how to switch between components that only have SVG in them.
You can even add stuff to the SVG components to make them dynamic since it's just markup like shown in this REPL.
In svelte-kit You can fix it by trying
<img src={YourSVGComponent} />
It worked for me.
I want clickable regions on SVG image displayed on Sharepoint Modern Pages. The image itself renders well, however links are not rendered at all.
The SVG file itself is embedded using Markdown. 
<svg id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" width="517.52" height="238.48" viewBox="0 0 517.52 238.48">
<path id="Dash1" d="M145.3,159.9l-5.11,15.84a12.13,12.13,0,0,1-10.54,8.36v0h92.42l-7.7-24.25Z"/>
</svg>
The SVG file rendered in Chrome allows to click on the image and opens the link. The same file embedded in Sharepoint does not serve the link.
When you load SVG as an image, in this case via the <img> tag it is not interactive. This is a general rule and is not Sharepoint specific.
SVG used as an image has the same capabilities as raster images so that they can be used in the same situations without needing to specially consider their security and privacy implications.
You can use image map to make clickable href in a img tag like this:
<img src="https://www.fnordware.com/superpng/pnggrad16rgb.png" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="bing" title="bing" href="https://www.bing.com" coords="37,35,363,104" shape="rect">
<area target="_blank" alt="Google" title="" href="https://www.google.com" coords="41,163,365,225" shape="rect">
<area target="_blank" alt="facebook" title="https://www.facebook.com" href="" coords="43,275,365,351" shape="rect">
</map>
For Modern Page, you could add the code snippet above via Modern Script Editor Web Part:
Add The Script Editor Webpart back to SharePoint Modern Experience
Reference:
How to Make image Map and use in SharePoint Online/2016/2013
Hello currently I am showing some .swf files inside my website but I don't know if I have left any case for potential security flaws or if the way I am using the swf files isnt correct for all browsers or slows down the page not sure if im doing it right.
This is the code I have now:
<object width="200" height="300" data="album.swf"></object>
I read on this post: How to embed a SWF file in an HTML page?
I am puzzled because the above method mentioned on the post appears to slow down the website with the javascript calling and all.
What is your opinion? Why do they use swfobject?
Edit: Is this correct?
<embed allowScriptAccess="never" allownetworking="none" src="album.swf" type="application/x-shockwave-flash" quality="high" width="750" height="463" name="Album" />
Thank you!
I know that is possible to display a URL link inside a kml using IFRAME.
But I need that my link used on IFRAME does not display if I do right-click -> Properties in the placemark or in the right list of placemarks.
There's a way to do so?
Thx a lot,
Cya!
Yes you can
You need to look into using ExtendedData
It requires you to hand edit the KML file with a text editor.
Step 1 - Within the <Placemark> you wish to embed to iframe
<ExtendedData>
<Data name="iframe">
<value><![CDATA[<iframe width="350" height="197" src="http://www.google.com"></iframe>]]></value>
</Data>
</ExtendedData>
Step 2 - Within the associated <Style> assigned to the Placemark
<BalloonStyle>
<text>$[description]$[iframe]</text>
</BalloonStyle>
That will work so long as you place everything in the correct place
HOWEVER anyone who really wants to see the source of your iframe - all they have to do is open the KML in a text editor..... so it is kind of a useless process......
I'm trying to create an SVG document that includes image tags referencing png files. This works if I include the absolute path of the png in every image tag but if I try putting an xml:base attribute in it doesn't seem to work in IE9. However it does seem to work Firefox and Chrome. Is there a bug in IE or is there something wrong with my syntax?
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:base="file:///C:/SVG/Devices/valves/">
<image width="40" height="56" x="10" y="10" xlink:href="motorised_valve[purple].gif"/>
</svg>
For complicated reasons I don't want to go into here, I can't put the SVG document into the same folder as the images.
Thanks for any help
Mog
Would it be acceptable in your case to embed your PNG images in your document using the data:// protocol? That would solve your problem, at the expense of potentially making the XML rather large.