Hallo.
Ich versuche diese Galerie zu installieren, aber kriege das nicht so wirklich hin.
https://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
Ich habe drei Dateien erstellt mit den heruntergeladenen Codes. Habe diese auf den Server, wo auch die index.php ist hochgeladen. Dann habe ich in einer Unterseite folgendes eingetragen.
jquery.slideviewer.1.2.js
jquery-1.4.1.min.js
jquery.easing.1.2.js
Unterseite
Ich versuche diese Galerie zu installieren, aber kriege das nicht so wirklich hin.
https://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
Ich habe drei Dateien erstellt mit den heruntergeladenen Codes. Habe diese auf den Server, wo auch die index.php ist hochgeladen. Dann habe ich in einer Unterseite folgendes eingetragen.
jquery.slideviewer.1.2.js
jquery-1.4.1.min.js
jquery.easing.1.2.js
Unterseite
PHP:
<html>
<head>
(.........)
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.2.js" type="text/javascript"></script>
<script src="jquery.slideviewer.1.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).bind("load", function() {
$("div#mygalone").slideView()
});
</script>
<script type="text/javascript">
$(window).bind("load", function() {
$("div#mygalone").slideView({toolTip: true, ttOpacity: 0.5}) // ttOpacity can be 0.1 to 1.0
});
</script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="apDiv1">
<p> </p>
<<div id="mygalone" class="svw">
<ul>
<li><img alt="abc defrg thysu ooip jkifbtg fff" src="fotos/diskriminierung1.gif" /></li>
<li><img alt="abc defrg thysu ooip jkifbtg fff" src="fotos/diskriminierung2.gif" /></li>
<li><img alt="abc defrg thysu ooip jkifbtg fff" src="fotos/diskriminierung3.gif" /></li>
<li><img alt="abc defrg thysu ooip jkifbtg fff" src="fotos/diskriminierung4.gif" /></li>
<!-- eccetera -->
</ul>
</div>
<p> </p>
</div>
<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="Bilder/index_01.jpg" width="800" height="93" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_02.jpg" width="46" height="35" alt=""></td>
<td>
<img src="Bilder/index_03.jpg" width="1" height="35" alt=""></td>
<td>
<a href="index.php">
<img src="Bilder/Home.jpg" width="45" height="35" border="0" alt=""></a></td>
<td>
<a href="contact.php">
<img src="Bilder/Contact.jpg" width="76" height="35" border="0" alt=""></a></td>
<td>
<img src="Bilder/index_06.jpg" width="632" height="35" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/index_07.jpg" width="800" height="472" alt=""></td>
</tr>
</table>
</body>
</html>
... Die Fotos werden untereinander aufgelistet dargestellt.