JavaScript: Picture View

This JavaScript displays a picture an a new page. Additionall, you can add a title for the picture.

Example

Compatible and tested with

Microsoft Internet Explorer 5.0 or higher
Mozilla Gecko 1.1a or higher
Opera 5.11 or higher
Netscape Navigator 4.7 or higher

License

Open Source (GNU GPL)

Call function

In place of linking to the image file, e.g. <a href="bild.jpg">Bild</a>, the below JavaScript code is inserted. By clicking the link the file will be displayed "picview.html". The image and the title of the image based on the passed parameter will be displayed on a new page.

JavaScript sourcecode

(calling page)

<script language="javascript">document.write('<a href="picview.html?image='+escape("bild.jpg")+'&title='+escape('Titel des Bildes')+'">Link-Text</a>');</script>

HTML sourcecode

(viewing page)

<html> <head> <title>Picture View -- www.gaijin.at</title> <meta name="robots" content="noindex,nofollow"> </head> <body> <script language="JavaScript"> function GetUrlItem(Item) {urlText=location.search;fc=urlText.slice(0,1);if(fc=="?"){l=urlText.length;urlText=urlText.slice(1,l);ArgSet=urlText.split("&");return(ArgSet[Item]);}} function GetUrlValue(Entry) {urlText=location.search;fc=urlText.slice(0,1);if(fc=="?"){l=urlText.length;urlText=urlText.slice(1,l);ArgSet=urlText.split("&");for(i=0;i<ArgSet.length;i++){as=ArgSet[i].split("=");if(as[0]==Entry){return(as[1]);}}return("");}} function GetUrlCount() {urlText=location.search;fc=urlText.slice(0,1);if(fc=="?"){l=urlText.length;urlText=urlText.slice(1,l);ArgSet=urlText.split("&");return(ArgSet.length);}return("0");} </script> <script language="JavaScript"> document.close(); document.open(); document.writeln('<html><head><title>Bildansicht: '+unescape(GetUrlValue("title"))+' -- www.gaijin.at</title></head><body>'); document.writeln('<center><h3>Bildansicht:</h3><h4>'+unescape(GetUrlValue("title"))+'</h4><br>'); document.writeln('<a href="javascript:history.back();">Bildansicht verlassen</a><br>'); document.writeln('<table border=0 cellspacing=0 cellpadding=0 width="100%"><tr>'); document.writeln('<td align=center><img src="'+unescape(GetUrlValue("image"))+'" border=0 vspace=5 hspace=5 alt="'+unescape(GetUrlValue("title"))+'"></td>'); document.writeln('</tr></table>'); document.writeln('<a href="javascript:history.back();">Bildansicht verlassen</a></center>'); document.writeln('</body></html>'); document.close(); </script> <br> </body> </html>