-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathdemo.html
57 lines (55 loc) · 2.63 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>jQuery Wikipedia Plugin by Marcel Grolms - www.suabo.de</title>
<link rel="stylesheet" type="text/css" href="css/jquery.wikipedia.css">
<style>
body {font:12px Verdana;}
h1, h2 {background:#ddd;border-radius:5px;padding:5px 20px;}
</style>
</head>
<body>
<h1>jQuery Wikipedia Plugin</h1>
jQuery Plugin zum einfachen nachladen von Daten aus Wikipedia über die Wikipedia API mittels JSON.<br>
Zum laden muss ein Wikipediaseitentitel übergeben werden. Über den zweiten Parameter können<br>
diverse Einstellungen für die Darstellung getroffen werden.<br>
<small>by Marcel Grolms - <a href="http://www.suabo.de">www.suabo.de</a> 2013</small><br>
<br>
<div style="border:1px dashed #666;padding:10px;width:600px;font-weight:bold;color:#666;">
Tipp:
Wenn Sie die Bilder nicht sehen können, liegt es daran, das Sie das Beispiel lokal geladen haben und die Bildpfade
von Wikipedia für die SSL verschlüsslung unabhängig mit "//" gesetzt wurden und daher nicht gefunden werden können.
</div>
<br>
<h2>Nutzung des Plugins</h2>
<pre class="desc">
$('#ContainerToLoadWikipediaContent').WikipediaWidget('Page Title', [{ 'showTitle': true,
'maxThumbnails': 3,
'cutFirstInfoTableRows': 4,
'maxInfoTableRows': 8,
'thumbMaxWidth': '180px',
'thumbMaxHeight': '180px'
}]);
</pre>
<h2>einfacher Aufruf ohne Optionen</h2>
<div id="demo1" class="wikipediaContainer"><div class="bg"></div></div>
Beispielcode:
<pre>
$('#demo1').WikipediaWidget('Stuttgart');
</pre>
<h2>Begrenzung der Thumbnails auf 6 erhöhen und keinen Titel anzeigen</h2>
<div id="demo2" class="wikipediaContainer"><div class="bg"></div></div>
Beispielcode:
<pre>
$('#demo2').WikipediaWidget('Albert Einstein', { 'showTitle' : false, 'maxThumbnails' : 6 });
</pre>
<script src="js/jquery.min.js" ></script>
<script src="js/jquery.wikipedia.js" ></script>
<script>
$(document).ready(function() {
$('#demo1').WikipediaWidget('Stuttgart');
$('#demo2').WikipediaWidget('Albert Einstein', { 'showTitle' : false, 'maxThumbnails' : 6 });
});
</script>
</body>
</html>