JavaScript: Bildansicht

Dieses Beispiel demonstriert, wie Bilder auf einer eigenen Seite angezeigt werden können und dabei auch ein Bildtitel und ein Link auf die vorherige Seite angezeigt werden kann. Weiters wird der Seitentitel dem angezeigten Bild angepasst.

Beispiel

Kompatibel und getestet mit

Microsoft Internet Explorer 5.0
Microsoft Internet Explorer 6.0
Mozilla Gecko 1.1a
Mozilla Gecko 1.3a
Opera 5.11
Opera 7.0
Netscape Navigator 4.7
Netscape Navigator 6.2.1

Lizenz

Open-Source (GNU GPL)

Aufruf

An Stelle des Links zur Bilddatei, z.B. <a href="bild.jpg">Bild</a>, wird der unten stehende JavaScript-Code eingefügt. Beim Anklicken des Links wird die Datei "picview.html" angezeigt, die das Bild und den Titel des Bildes an Hand der übergebenen Parameter anzeigt.

JavaScript-Quellcode

(aufrufende Seite)

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

HTML-Quellcode

(anzeigende Seite)

<html> <head> <title>Bildansicht -- 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>