|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
zick80
Anmeldungsdatum: 17.03.2010 Beiträge: 1
|
Verfasst am: 17.03.2010 17:31:42 Titel: abwechselnde Bilder anzeigen |
|
|
Hallo HTML-User,
Ich muss gleich vorab sagen, dass ich kein Programmierer bin.
Ich habe allerdings eine Seite erstellt und würde mir jetzt folgendes vorstellen.
In der rechten Ecke sollen Bilder angezeigt werden, die für ca. 10 Sekunden angezeigt werden sollen.
Danach soll ein neues angezeigt werden.
Kann man das irgendwie so anstellen, dass ich die Bilder einfach auf den Server lade und die Webpage die Bilder aus dem Ordner lädt.
So könnte ich einfach neue Bilder hinzufügen und alte löschen und es würden nur die Bilder geladen werden.
Ist das irgendwie möglich oder geht das mit html nicht?
Vielleicht hat irgendjemand einen Tipp oder Hinweis auf ein Programm.
Vorab vielen Dank
Grüße
Florian |
|
Nach oben |
|
|
Alex... Häufiger Poster
Anmeldungsdatum: 15.07.2010 Beiträge: 41
|
Verfasst am: 24.10.2010 15:22:04 Titel: |
|
|
html:
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Alexh">
<meta name="editor" content="html-editor phase 5">
<script type="text/javascript"
src="../SMALS/images/icons/diashow.js"></script><head>
<script type="text/javascript"><!--
function mydiashow() {
diashow_define('Bild1.gif');
diashow_define('Bild2.gif');
diashow_define('Bild3.gif');
diashow_update("meinediashow",10000);
}
//-->
</script>
</head>
<body onload="mydiashow();">
<p>Vor dem Bild.</p>
<div id="meinediashow"></div>
<p>Nach dem Bild.</p>
</body>
</html>
|
und externes javascript:
Code: |
// diashow II - Thomas Salvador, 2010, http://brauchbar.de
// free to use, if this notice is kept intact
var diashow_data = new Array();
var diashow_pos = 0;
function diashow_define(picture) {
diashow_data[diashow_data.length] = new Array(picture);
}
function diashow_update(id,speed) {
container = document.getElementById(id);
img = diashow_data[diashow_pos++];
if (diashow_pos >= diashow_data.length) {
diashow_pos = 0;
}
container.innerHTML = '<img src="'+img+'"></a>';
setTimeout('diashow_update("'+id+'",'+speed+')',speed);
} |
wie du siehst von ner andren website (einfach mal googlen)
LG Alex |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|