Archivlink: javarea.de Forum > JavaScript > suche Diashow
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > suche Diashow

Pages: [1] 2 ... nächste » ... Letzte »
geschrieben von Vision am 19.05.2007 - 20:55
HI,
ich suche ein script für eine kleine Diashow
ich möchte gerne versch. Bilder in einen ordner kopieren
und diese Bilder sollen dann per zufallsgenrator angezeigt
werden entweder mit oder Ohne Effekt

Thx for help

geschrieben von Micha am 19.05.2007 - 21:16
Hi,

Du fügst die Bilder in ein Array ein. Das ist ganz einfach zB:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 

var pics = [
   ["bild1.jpg", "Beschreibung1",100,200],
   ["bild2.jpg", "Beschreibung2",120,140],
   ["bild3.jpg", "Beschreibung3", 80,100],
   ["bild4.jpg", "Beschreibung4",200,100]];


Nun fügst Du im HTML-Code ganz normal ein Bild ein:

HTML-Quelltext
1: 

<img src="bild1.jpg" alt="Beschreibung1" title="Beschreibung1" width="100" height="200" id="diashow" />


Wie Du siehst, hat das Bild eine ID bekommen. Anhand dieser kann man recht einfach die Resourcen ansprechen:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 

var pic = null;
var count = 1;
if (!(pic = document.getElementById("diashow")))
  return;
window.setInterval(function() { 
  count = (count>=pics.length)?0:count;
  pic.src =  pics[count][0];
  pic.alt =  pics[count][1];
  pic.title =  pics[count][1];
  pic.width =  pics[count][2];
  pic.height =  pics[count][3];
  count++;

},1500);


den ganzen Kram lässt Du via window.onload starten. Ungetestet aber ich denke es sollte hinkommen

Micha

geschrieben von Vision am 19.05.2007 - 21:34
danke für die schnelle hilfe

Zitat
 Du fügst die Bilder in ein Array ein. Das ist ganz einfach zB:


was heisst denn das??

Zitat
 den ganzen Kram lässt Du via window.onload starten

und das verstehe ich auch nicht ,sorry hab halt keinen Plan von dem ganzen ;)

Greetz

geschrieben von Micha am 19.05.2007 - 22:13
Hallo,

Arrays oder Felder sind Objekte zur Datenhaltung. Du kannst sie Dir als eine Art Tabelle vorstellen. In einem solcehn Array kannst Du demnach Daten strukturiert speichern. Hierbei spielt es in JS keine Rolle, vom welchen Type die Variablen sind. Ich bin ja kein Informatiker so das diese Erklärung ggf. etwas schwamming ist
Näheres unter http://de.selfhtml.org/javascript/o..../array.htm

Die Diashow soll beginnen, wenn die Seite geladen ist. Hierfür gibt es so genannte Event-Handler. Einer davon ist onload.
http://de.selfhtml.org/javascript/s....htm#onload

Micha

geschrieben von Vision am 20.05.2007 - 08:46
hmmm,sind leider böhmische Dörfer für mich *g
wie verfahre ich denn jetzt mit deinen scripts weiter
einfach in meine index reinkopieren oder was muss ich genau tun
und wohin mit meinen Bildern kann ich mir dafür nen Ordner erstellen ??

Scheisse wenn man keine Ahnung hat

geschrieben von Micha am 20.05.2007 - 09:48
Hallo,
Scripte koennen ausgelagert sein in einer JS-Datei oder direkt im Quellcode - vorzugesweise im Kopfbereich - integriert werden. ich persönlich trenne dies idR.

Externe Datei:
HTML-Quelltext
1: 

<script src="http://www.example.com/script.js" type="text/javascript"></script>


oder im Kopf:
HTML-Quelltext
1: 
2: 
3: 

<script type="text/javascript">
// hier nun der Code
</script>


Wo Deine Bilder liegen, ist egal. Im Array pics muss nur der Pfad entsprechend angepasst werden:

HTML-Quelltext
1: 

["pfad/zum/bild1.jpg", "Beschreibung1",100,200]


Micha

geschrieben von Vision am 20.05.2007 - 10:03
PHP-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 

<?
var pics = [
   ["bild1.jpg", "Beschreibung1",100,200],
   ["bild2.jpg", "Beschreibung2",120,140],
   ["bild3.jpg", "Beschreibung3", 80,100],
   ["bild4.jpg", "Beschreibung4",200,100]];
   
<img src="bild1.jpg" alt="Beschreibung1" title="Beschreibung1" width="100" height="200" id="diashow" />

var pic = null;
var count = 1;
if (pic != document.getElementById("diashow"))
  return;
window.setInterval(function() { 
  count = (count>=pics.length)?0:count;
  pic.src =  pics[count][0];
  pic.alt =  pics[count][1];
  pic.title =  pics[count][1];
  pic.width =  pics[count][2];
  pic.height =  pics[count][3];
  count++;

},1500);
?>


Das habe ich in eine datei gepackt namens script.js richtig ???
PHP-Quelltext
1: 
2: 
3: 

<?
<script src="http://www.example.com/script.js" type="text/javascript"></script>
?>


und das habe ich in den html code eingeführt richtig ??

geschrieben von René am 20.05.2007 - 10:40
... die <img ...> Zeile in deinem ersten Code-Block gehört mit in deinen zweiten Code-Block.

geschrieben von Vision am 20.05.2007 - 11:38
so eine bild1 wird angezeigt und dann tut sich nichts liegts an mir oder an dem Script?

geschrieben von Micha am 20.05.2007 - 12:04
Hallo,

vermutlich weil Du kein onload eingefügt hast, der es startet


Micha

geschrieben von Vision am 20.05.2007 - 12:31
jetzt habe ich sogar deinen Quelltext bei mir reinkopiert und es ändert sich nichts
ich bekomme nur das erste Bild angezeigt muss ich noch irgendwas machen mit dem onload ??

thx for help

geschrieben von Micha am 20.05.2007 - 14:55
Hallo,


Wenn Du meinen Code kopiert hast, sollte es beriets gehen. Möglicherweise stimmt der Pfad zu den Bildern nicht. Irgendwo onlne zu sehen?

Micha

geschrieben von Martin am 20.05.2007 - 15:33
Hallo Micha,

ich entschuldige mich ausdrücklich bei dir, für das posten deines Scriptes ohne Erlaubnis und habe es deshalb aus dem vorherigen Posting entfernt.

Ich hätte gedacht das es sich um jenes Script handelt welches du hier so ausführlich erklärst.

Mfg Martin

geschrieben von Micha am 20.05.2007 - 16:55
Hi,

öhmm, da haben wir uns mißverstanden, das Script kannst Du hier posten nur die URL bitte nicht, da ich sie nachdem Thread wieder entferne. Entschuldigung, wenn das etwas schief rüberkam!

Micha

geschrieben von Vision am 20.05.2007 - 17:38
jetzt bin ich leider noch nicht weiter


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.