hallo,
bekomme ich irgend wann eine antwort die ich gebrauchen könnte ?
oder sind alle moderatoren in urlaub :kichern:?
also ich brauche eine html code für slider show so dass die bilder von recht nach links laufen.
mfg
Wirst du mit HTML nicht schaffen. Musst dafür Javascript nehmen.
Sieht dann so aus:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>M3G4 Slide Show</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.transitions.js" type="text/javascript"></script>
</head>
<body>
<span style="font-weight: bold;"><br />
<br />
<br />
</span>
<script type="text/javascript">function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false,
defaultTransition: "fadeslideleft"
});
}
window.addEvent('domready', startGallery);
</script>
<div class="content">
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 3 Title</h3>
<p>Item 3 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/3.jpg" class="full" />
<img src="images/brugges2006/3-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 4 Title</h3>
<p>Item 4 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/4.jpg" class="full" />
<img src="images/brugges2006/4-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 5 Title</h3>
<p>Item 5 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/5.jpg" class="full" />
<img src="images/brugges2006/5-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 6 Title</h3>
<p>Item 6 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/6.jpg" class="full" />
<img src="images/brugges2006/6-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 7 Title</h3>
<p>Item 7 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/7.jpg" class="full" />
<img src="images/brugges2006/7-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 8 Title</h3>
<p>Item 8 Description</p>
<a href="#" title="open image" class="open"></a>
<img src="images/brugges2006/8.jpg" class="full" />
<img src="images/brugges2006/8-mini.jpg" class="thumbnail" />
</div>
</div>
</div>
</body>
</html>
Das Ganze musst du dann nur noch mit deinen Bildern machen.
Sieht dann am Ende
SO aus.
.RAR Packet kannste
HIER runterladen.
Im Übrigen. Ich habe 5 Sekunden gebraucht um bei Google "slideshow html" einzugeben, die Enter Taste zu drücken und das erste Suchergebniss anzuklicken. Weitere 25 Sekunden um mir den zweiten Beitrag durchzulesen und den Javascript Code zu kopieren und hier einzufügen. Danach noch 30 Sekunden, um die Datei in meinen HTML Editor einzufügen und auf meinen FTP Server zu laden. Also kann man sowas in 1 Minute machen, anstatt hier ein Topic aufzumachen und den anderen auf den Senkel zu gehen.
Des weiteren solltest du an deiner Rechtschreibung arbeiten.
Trotzdem noch einen schönen Tag wünsche ich dir
Gruß!