Flash aus Bildern erstellen - Wie ?

frank_gayer

Stina Lohmann
Registriert
28.08.07
Beiträge
1.036
Hallo,

ich will auf meiner Homepage aus einigen Bildern eine Art Diashow erstellen. Dort sollen sich Bilder mit Überblendung anzeigen. Ich habe gesehen, dass sowas mit .swf Dateien möglich ist, aber wie erstelle ich die am einfachsten ?
 

gKar

Maunzenapfel
Registriert
25.06.08
Beiträge
5.362
Wozu dieser ganze Flash-Kram?

Es gibt diverse Diashows in Javascript, da muss man nur seine z.B. JPEG-Bilder einbinden und auch beim Auswechseln von Bildern nicht ständig eine swf-Datei neu kodieren.

Beispiele (mal eben über Google gefunden):
http://www.bongard.net/blog/2008/02/07/5-javascript-diashows-jquery/

Gibt's in interaktiv oder automatisch, mit Überblendung und auch ganz anderen Effekten.
 

frank_gayer

Stina Lohmann
Registriert
28.08.07
Beiträge
1.036
Hallo,

tolle Sache. Das ist natürlich deutlich einfacher. Kannst Du mir sagen, wie ich den Code in eine Seite einbaue, das ist da gar nicht beschrieben
 

gKar

Maunzenapfel
Registriert
25.06.08
Beiträge
5.362
Wie, da gibt's doch jede Menge Beispiele.
Wenn Du generelle Anleitungen haben willst, wie man JavaScript in HTML einbindet, kannst Du ja auch mal bei SelfHTML reinschauen. Aber wie gesagt: Es gibt z.B. auf den Seiten zum jQuery Cycle Plugin doch ganz ganz viele Beispiele. Und den HTML-Code kann man sich von jeder Webseite vom Browser anzeigen lassen.
 

frank_gayer

Stina Lohmann
Registriert
28.08.07
Beiträge
1.036
Wenn ich die Beispiele verstehen würde, würde ich hier nicht fragen. Den Code kann man ja herunterladen laden aber wo ist das Script dazu ?

Im Prinzip habe ich es schon verstanden, wie es geht, nur der Code funktioniert nicht. Wer kann mir hier helfen ?

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$('#s3').cycle({
fx: 'fade',
speed: 2500
});

</script>

</head>
<body>

<div id="s3">
<img src="images/1.jpg" width="200" height="200" />
<img src="images/2.jpg" width="200" height="200" />
<img src="images/3.jpg" width="200" height="200" />
</div>
 
Zuletzt bearbeitet:

gKar

Maunzenapfel
Registriert
25.06.08
Beiträge
5.362
Ohne es mir genau angesehen zu haben (habe das Plugin ja selbst noch nie benutzt, aber immerhin mit Fancybox etwas entfernt verwandtes), kann ich zumindest folgendes sagen:

Du musst schon *alle* benötigten JS-Dateien einbinden. Mindestens das jQuery-Framework plus das Cycle-Plugin, wahrscheinlich noch weitere (hab's mir nicht genau angesehen):

Daher: Runterladen, die *.js-Dateien in Dein Web-Projekt kopieren und natürlich in den Script-Tags unter Attribut src den korrekten Pfad zu den js-Dateien angeben, je nachdem, wie diese relativ zur HTML-Datei abgelegt sind (z.B. unter /scripts/jquery o.ä., ganz nach Belieben).
 

gKar

Maunzenapfel
Registriert
25.06.08
Beiträge
5.362
Wenn Du das Cycle-Paket heruntergeladen hast, müssen da doch mehrere *.js-Dateien drin sein, die Du in Dein Projekt kopierst und dann eben mit solchen script-Tags per src-Attribut einbindest. Ob dabei die JQuery-Datei nun einfach nur jquery.js heißt, oder noch (wie jquery-1.3.2.min.js) eine Versionsnummer und ggf. den Zusatz "min" oder "pack" o.ä. im Dateinamen enthält (letzterer zeigt i.d.R. an, dass das Javascript "minimiert wurde", indem Leerzeichen, Kommentare und ähnliches soweit wie möglich entfernt wurden, um die Datei so klein wie möglich zu bekommen), das spielt doch keine Rolle. Du musst die Dateinamen der Dateien angeben, die Du in Dein Projekt kopiert hast.
 

frank_gayer

Stina Lohmann
Registriert
28.08.07
Beiträge
1.036
Hallo,

ich habe es eben genauso gemacht und nun klappt es. Wie gesagt, ohne Beschreibung etwas verwirrend aber es läuft. Danke