Hallo, liebe Hilfsbereiten,
diese Seite https://www.wolfgang-titze.de/listing-5-31.htm wird durch einen Klick auf den Button Fotogalerie1 aufgerufen. Unten erscheint eines von 5 Bildern zum Weiterblätten nach Klick auf einen Link(Winkel). Das funktioniert aber leider nicht. Diese Website https://www.html-seminar.de habe ich vor etwa 12 Jahren nach einem Buch aus der "Dummi-Reihe" erstellt. Es ist nur eine Hobby-Website. Damals hat das Weiterblättern funktioniert. Ich möchte es gern reparieren bzw. umstellen , dass das funktioniert. Ich habe schon in den Quelltext folgendes eingesetzt: (google.load, )"1" . Leider war das erfolglos. Der Quelltext sieht bis jetzt wie folgt aus:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta charset="utf-8">
<title>jQuery-Galerie</title>
<meta name="description" content="Bildergalerie">
<!--[if lte IE 6]>
<link href="galerie-ie6.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<link type="text/css" media="screen" rel="stylesheet"
href="css/colorbox.css" />
<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.js"></script>
<script src="js/galleria/galleria-1.2.8.min.js"></script>
<script type='text/javascript'src='plugins/jquery.imagesloaded.js'>
</script>
<script type = "text/javascript">
google.load("jquery", "1");
<script type = "text/javascript"
src = "run.js">
</script>
</script>
<script type="text/javascript" src="listing-5-32-40.js"></script>
<script type="text/javaScript">
$(document).ready(function(){
function changeBGcolor() {
var obj = $("body");
$(obj).animate({ backgroundColor: "#48484C" },15000).animate({ backgroundColor: "#FFFFFF" },15000,function() {
changeBGcolor();
});
}
changeBGcolor();
});
</script>
<script type="text/javascript">
$(document).ready(function(){
Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
$(".gallery").galleria({
width: 600,
height: 600
});
});
</script>
<style> body{ background: #CFFD2F; } </style>
<style>
h1 {
background-color: darkgreen;
color: white;
font-size: 40px;
padding: 5px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$(#example').flash({
src: 'example.swf',
width: 360,
height: 215 },
{ version: 11.2.202.251 });
});
</script>
</head>
<body onload = "init()">
<div id = "sprite"
style = "position: absolute;
top: 200px;
left: 100px;">
<img src = "freya/run0.gif"
id = "image"
alt = "running image" />
</div>
<div id="overlay"></div>
<div id="imgContainer">
<div id="imgBox"></div>
<div id="controls">
<a href="#" class="back"><</a>
<a href="#" class="forward">></a>
</div>
</div>
<h1>Neue Galerie</h1>
<h3>Bitte klicken Sie auf die Bilder!!</h3>
<div class="thumbs">
<a class="lightpopup" href="images_jquery/heivolkach.jpg">
<img src="images_jquery/heivolkachthum.jpg" title="Bild 1" />
</a>
<a class="lightpopup" href="images_jquery/flugshow.jpg"><img src="images_jquery/flugshowthumb.jpg" title="Bild 2" /></a>
<a class="lightpopup" href="images_jquery/klassiwoerl.jpg"><img src="images_jquery/klassiwoerlthumb.jpg" title="Bild 3" /></a>
<a class="lightpopup" href="images_jquery/schnauferl.jpg"><img src="images_jquery/schnauferlthumb1.jpg" title="Bild 4" /></a>
<p><a href="index.htm"><img src="zuruestarts.png" /></a></p>
</div>
<div class="gallery">
<img src="content/allesstuhl150.jpg" title="Stühle als Kunstwerk" />
<img src="content/alphornbl150.jpg" title="Alphornblasen und Peitschenknallen" />
<img src="content/erdingju52_150.jpg" title="JU52 am Erdinger Moos" />
<img src="content/flugzeug150.jpg" title="Flugschau" />
<img src="content/rickyrickmer150.jpg" title="Im Hamburger Hafen" />
</div>
</body>
</html>Hoffentlich könnt Ihr mir helfen.
Gruß
