HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - abwechselnde Bilder anzeigen

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

abwechselnde Bilder anzeigen

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
zick80



Anmeldungsdatum: 17.03.2010
Beiträge: 1

BeitragVerfasst am: 17.03.2010 17:31:42    Titel: abwechselnde Bilder anzeigen Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Alex...
Häufiger Poster


Anmeldungsdatum: 15.07.2010
Beiträge: 41

BeitragVerfasst am: 24.10.2010 15:22:04    Titel: Antworten mit Zitat

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) Very Happy
LG Alex
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.