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.wolfgang-titze.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ß