Guten Abend
Ich habe ein kleines Problem wo ich euch gerne um eure Hilfe bitten möchte.
Ich möchte eine Bildergallery auf meine Homepage einfügen, was auch soweit klappt nur bekomme ich es nicht hin, dass die Fotos in einen vernünftigen Format angezeigt werden, so das nicht das ganze Frame gesprengt wird. Bzw. wollte ich eine Slideshow von einen Facebook Album das geht jedoch nicht oder?
Hier mal der Code vielleicht kann mir jemand sagen, wo das Problem liegt:
~ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Cest la Vie 2015</title>
<script type="text/javascript">
function fade(step) {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");
step = step 
0;
imgs[counter].style.opacity = step/100;
imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //
step = step + 2;
if (step <= 100) {
window.setTimeout(function () { fade(step); }, 1);
} else {
window.setTimeout(next, 2000);
}
}
function next() {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");
if (typeof(counter) != "number") {
counter = 0;
}
counter++;
if (counter < imgs.length) {
fade();
}
};
</script>
<style type="text/css">
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }
</style>
</head><body width="800" height="700" border="1" align="center" cellpadding="0" cellspacing="0">
<h1><Font colour="#FFFFFF" algin="center">Cest la Vie 2015</a></h1>
<p id="meinFader">
<div width="900" height="1450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
<img src="1-2.jpg" alt="">
<img src="" alt="" class="next">
<img src="images/berge3.jpg" alt="" class="next">
<img src="images/berge4.jpg" alt="" class="next">
<img src="images/berge5.jpg" alt="" class="next">
<img src="images/berge6.jpg" alt="" class="next">
</div>
</p>
<p><a href="javascript:next()">Slideshow starten</a></p>
</body></html>
Besten Dank
LG