Auf der Suche nach einem Flash Karussell bin ich auf die Seite gotoandlearn von Lee Brimelow gestoßen. Lee hat ein tolles Lernvideo erstellt, welches demonstriert wie du dir selbst eine tolle Flash Präsentation deiner Produkte in Form eines Karussells programmieren kannst. Lee erklärt in seinem Post, dass das Ergebnis von jedem genutzt werden darf auch für kommerzielle Zwecke. Ja es darf sogar behauptet werden, das Karussell selbst gemacht zu haben. Aber Achtung, wenn du das Flash-Tool weiterverkaufst und somit den Open Source Gedanken untergräbst, dann riskierst du dass er dir deine Arme bricht *g* Ich muss aber dazu sagen, dass ich des Englischen nicht sonderlich mächtig bin. Könnte auch sein, dass ich da was falsch verstanden habe. Also bitte selbst lesen!
Ich jedenfalls erlaube mir hier das nützliche Open Source Flash Karussell etwas zu erweitern, sodass weitere Einstellungen über die XML-Datei machbar sind. Damit sollte es für Webmaster, die nicht über das relativ teure Adobe Flash Professional verfügen, trotzdem möglich sein, das kostenlose Tool für ihre Zwecke zu nutzen.
While searching a flash carousel I stumbled on the side gotoandlearn of Lee Brimelow. Lee has created a great educational video that demonstrates how you can program your own flash presentation of your products in the form of a carousel. Lee explained in his post that the result of his work can be used by anyone, also for commercial purposes. You may also say that you have created the carousel yourself. But beware; if you sold the flash tool and ignore the idea of open source projects, then you must calculate the risk that it may take a bad end.
Note of myself: Because it may be that I misunderstood something in regard to the using rights: please read the post again!
In fact: Today I will expand the useful Open Source Flash carousel, so that further adjustments are possible on the XML file. So also webmasters, who do not have the expensive Adobe Flash Professional, should be able to use the free tool for their purposes.
Das Flash Karussell ermöglicht nun folgende Einstellungen direkt in einer XML-Datei ohne dabei die Flash-Datei bearbeiten zu müssen:
- Ändern der Bilder, Bilder hinzufügen, Bilder entfernen
- Ändern der Hyperlinks
- Ändern der Zielfenster (gleiches Fenster, neues Fenster)
- Ändern der Größe des Flash-Objektes in dem sich das „Carousel“ befindet
- Ändern der Hintergrundfarbe des Flash-Karussells bzw. Einstellen von Transparenz
- Bestimmen der Breite des Karussells innerhalb des Flash-Objektes
- Bestimmen der Höhe des Karussells innerhalb des Flash-Objektes
- Ändern der Perspektive des Karussells
- Ändern der Startgeschwindigkeit des Karussells
Installation Flash Karussell:
Einfach diese Zip-Datei: kostenloses Open Source Flash Karussell herunterladen und entpacken. Darin findest du folgende Dateien:
- karussell.swf
- karussell.html
- karussell.xml
- Javascriptdatei
- Bilder
- karussell.fla (wird nur benötigt wenn du das Karussell selbst weiterentwickeln bzw. verbessern möchtest)
Downloads:
- Open Source Flash Karussell V2.4
Aktuelle Version; Changelog 15.02.2010: die Angabe des Tooltipps in der XML-Datei kann nun weggelassen werden oder es kann ein leerer String übergeben werden. In beiden Fällen wird die Tooltipp Sprechblase nicht angezeigt. - Open Source Flash Karussell V2.3.1
Alte Version; Changelog 10.10.2009: Korrektur FlashVars Variabelübergabe im Object Tag und Embed Tag der HTML-Datei, Korrektur XML-Struktur - Open Source Flash Karussell V2.3
Alte Version; Changelog 09.04.2009: nun können auch deutsche Umlaute im Tooltip verwendet werden - Open Source Flash Karussell V2.2
AlteVersion; Changelog 09.04.2009: nun kann auch die Maximalgeschwindigkeit in der XML-Datei angepasst werden - Open Source Flash Karussell V2.1
Alte Version; Changelog 06.03.2009: die XML-Datei und die Bilder müssen nun nicht mehr im gleichen Ordner vorliegen - Open Source Flash Karussell V2.0
Alte Version
Die Datei karussell.html zeigt dir wie du eine Flash-Datei in HTML einbinden kannst. Ich habe dafür das swfobject benutzt. Das ist eine einfache benutzerfreundliche Methode um Flash in eine Website einzubinden. Nähere Informationen dazu findest du unter: http://code.google.com/p/swfobject/. Selbstverständlich kannst du aber auch eine andere traditionelle Methode zum Einbinden des Flash-Objektes verwenden. (Im IE7 scheint es damit noch Probleme zu geben.)
Öffne die Datei karussell-2.0.html mit einem Editor oder mit deinem WYSIWYG-Editor deiner Wahl. Du siehst dann folgenden Code:
|
1 2 3 4 5 6 7 8 9 |
<script src="swfobject.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[ var flashvars = { bgcolor: "#000000", //Hier die RGB Farbe des Karussell-Hintergrundes angeben. Wirkt nur wenn wmode nicht "transparent" ist! wmode: "windows" //Hier "transparent", "opaque" oder "windows" angeben. Bei "transparent" wird z.B. der Hintergrund auf transparent gesetzt, sodass der HTML Hintergrund sichtbar wird. }; var params = {}; var attributes = {}; swfobject.embedSWF("karussell-v2.0.swf", "myAlternativeContent", "800", "400", "8.0.0", "#00FF00", false, flashvars, params, attributes); // ]]></script> |
Mit bgcolor kannst du die Hintergrundfarbe des Flashkarussells bestimmen. Gib hier einen RGB-Wert in der Form: #FF0000 an.
Mit wmode bestimmst du ob der Hintergrund des Flash-Karussells farbig oder transparent dargestellt werden soll. Entscheide dich für die Optionen: „transparent“, „opaque“ oder „window“. Bei einer transparenten Einstellung wir die zuvor eingestellt Hintergrundfarbe natürlich nicht berücksichtigt. Bei window wird das Flash-Objekt gegenüber anderen HTML Objekten immer im Vordergrund liegen, mit opaque kann die Reihenfolge der Objekte in HTML bestimmt werden.
Nun änderst du noch die beiden Werte 800 und 400 in der Zeile 24. Bedenke, dass die beiden Werte die Breite und Höhe des Flash Objektes in Pixel angeben. Das Karussell innerhalb des Flash Objektes hat ein vordefiniertes Breite:Höhe-Verhältnis von 2:1. Du kannst aber ohne weiters ein anderes Verhältnis für die Größe des Flash Objektes wählen. Das Karussell wird dann das Flash-Objekt in einer Richtung nicht zu 100% ausfüllen.
Mehr Anpassungen brauchst du in der karussell-v2.0.html nicht machen.
Wenn du den Code in deiner eigenen HTML-Seite integrieren möchtest, dann kopiere diesen Teil:
|
1 2 3 4 5 6 7 8 9 |
<script src="swfobject.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[ var flashvars = { bgcolor: "#000000", //Hier die RGB Farbe des Karussell-Hintergrundes angeben. Wirkt nur wenn wmode nicht "transparent" ist! wmode: "windows" //Hier "transparent", "opaque" oder "window" angeben. Bei "transparent" wird z.B. der Hintergrund auf transparent gesetzt, sodass der HTML Hintergrund sichtbar wird. }; var params = {}; var attributes = {}; swfobject.embedSWF("karussell-v2.0.swf", "myAlternativeContent", "800", "400", "8.0.0", "#00FF00", false, flashvars, params, attributes); // ]]></script> |
in den HEAD-Bereich und diesen Teil:
in den BODY-Bereich deiner HTML Seite. Weiters kannst du den Inhalt des DIV-Containers myAlternativeContent deinen Wünschen entsprechend ändern. Dieser Teil wird visualisiert, wenn der aufrufende Browser keine Javascript unterstützt oder wenn das notwendige Flash-Plugin nicht oder in einer zu niedrigen Version vorliegt.
Bereite nun einige Bilder in der Größe 128 Pixel x 128 Pixel vor. Du kannst die Bilder im JPG-, GIF- oder PNG-Format abspeichern. Speichere sie in denselben Ordner in dem du die HTML-Datei abgelegt hast. Dateinamen kannst du vergeben wie du möchtest. Am besten du verzichtest aber auf Sonderzeichen.
Nun öffnest du mit einem Editor die Datei: karussell-v2.0.xml. Hier kannst du innerhalb des Abschnittes <icons> </icons> für jedes Bild eine Zeile einfügen bzw. die bestehenden Zeilen entsprechen ändern oder löschen.
|
1 |
Bei image gibst du den Dateinamen des Bildes an, bei tooltip kannst du ein zwei beschreibende Wörter hineinschreiben, bei href gibst du die URL des gewünschten Links an und bei ziel gibst du _blank an, wenn der Link sich in einem neuen Fenster öffnen soll oder _self, wenn der Link sich im gleichen Fenster öffnen soll.
Im Abschnitt <options> </options> kannst du noch verschiedene Grundeinstellungen.
|
1 2 3 4 |
<!-- Breite Karussell in Prozent bzgl. Breite des Flash-Objektes, wenn das Flash-Objekt eine Proportion von 2:1 aufweist. Einfach mit diesem Wert "spielen" --> <!-- Höhe Karussell in Prozent bzgl. Höhe des Flash-Objektes, wenn das Flash-Objekt eine Proportion von 2:1 aufweist. Einfach mit diesem Wert "spielen" --> <!-- Perspektive zwischen 0 und Unendlich. 0 max. Perspektive, Unendlich keine Perspektive. In der Praxis für Unendlich einfach eine große Zahl z.B. 10000 angeben! --> <!-- Erstgeschwindigkeit zwischen 0.001 und 1. Achtung Punkt für Komma! --> |
- radiusx: Breite Karussell in Prozent bzgl. Breite des Flash-Objektes, wenn das Flash-Objekt eine Proportion von 2:1 aufweist. Einfach mit diesem Wert „spielen“
- radiusy: Höhe Karussell in Prozent bzgl. Höhe des Flash-Objektes, wenn das Flash-Objekt eine Proportion von 2:1 aufweist. Einfach mit diesem Wert „spielen“
- perspektive: Perspektive zwischen 0 und Unendlich. 0 max. Perspektive, Unendlich keine Perspektive. In der Praxis für Unendlich einfach eine große Zahl z.B. 10000 angeben!
- geschwindigkeit: Erstgeschwindigkeit zwischen 0.001 und 1. Achtung Punkt für Komma!
Lade nun folgende Dateien auf deinen Webspeicher in den selben Ordner:
- karussell-v2.0.swf
- karussell-v2.0.html
- karussell-v2.0.xml
- swfobject.js
- Bilder
Die Datei karussell-v2.0.fla musst du nicht hochladen, die habe ich nur beigelegt, damit du eventuell selbst Änderungen am Actionscript Code des Flash-Karussells vornehmen kannst. Selbstverständlich benötigst du dafür aber Flash. Wenn du die eine oder andere sinnvolle Erweiterung machst, würde es mich freuen dies zu erfahren.
Achtung:
Der Code ist auf keinem Fall als frei von Fehlern anzusehen. Jegliche Nutzung erfolgt auf eigene Gefahr. Bedenke auch, dass das Flash Karussell den Prozessor des Besucher deiner Website nicht unerheblich belastet!
Viel Spaß mit dem Open Source Flash Karussell und Dank an Lee für sein: Creating 3D Carousels II Tutorial
Flash Karussell als Contenido Modul
The flash carousel allows the following settings directly in an XML file without the editing of the flash file:
- Change the images, add images, remove images
- Change the links
- Change the target window (same window, new window)
- Change the size of the flash object in which the „Carousel“ is
- Change the background color of the flash carousel or set of transparency
- Determine the width of the carousel inside the Flash object
- Determine the height of the carousel inside the Flash object
- Change the view of the carousel
- Change the starting speed of the carousel
Installation of the flash carousel:
Download the free Open Source Flash carousel and unpack the zip file so you will find the following files:
- karussell.swf
- karussell.html
- karussell.xml
- Javascriptdatei
- Bilder
- karussell.fla (only needed if you want to develop or improve the carousel)
Downloads:
- Open Source Flash carousel V2.4
Current version; Changelog 15.02.2010: specifying the tooltip in the XML file can be omitted or it can be passed an empty string. In both cases, the tooltip balloon will not be shown. - Open Source Flash carousel V2.3.1
Old version; Changelog 10.10.2009: Correction FlashVars variable delivery in the object tag and embed tag of the HTML file, XML structure correction. - Open Source Flash carousel V2.3
Old version; Changelog 09.04.2009: now also the German umlauts can be used in the Tooltip. - Open Source Flash carousel V2.2
Old version; Changelog 09.04.2009: now also the maximum speed can be adjusted in the XML file. - Open Source Flash carousel V2.1
Old version; Changelog 06.03.2009: the XML file and the images no longer need to be presented in the same folder. - Open Source Flash Karussell V2.0
Old version
The file karussell.html shows how a flash file can be embed in HTML. Therefore I used the swfobject, a simple user-friendly method to integrate flash into a website. More information can be found at: http://code.google.com/p/swfobject/. Of course you can also use another traditional method for embedding the flash object. (It seems that in IE7 there are still a few problems.)
Open the file carousel-2.0.html with an editor or with the WYSIWYG editor of your choice. You’ll see the following code:
|
1 2 3 4 5 6 7 8 9 |
<script src="swfobject.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[ var flashvars = { bgcolor: "#000000", //Hier die RGB Farbe des Karussell-Hintergrundes angeben. Wirkt nur wenn wmode nicht "transparent" ist! wmode: "windows" //Hier "transparent", "opaque" oder "windows" angeben. Bei "transparent" wird z.B. der Hintergrund auf transparent gesetzt, sodass der HTML Hintergrund sichtbar wird. }; var params = {}; var attributes = {}; swfobject.embedSWF("karussell-v2.0.swf", "myAlternativeContent", "800", "400", "8.0.0", "#00FF00", false, flashvars, params, attributes); // ]]></script> |
With bgcolor you can specify the background color of the flash carousel. Enter here an RGB value in the form: #FF0000.
With wmode you determine whether the background of the flash carousel will be displayed in color or transparent. Decide on the options: „transparent“, „opaque“ or „window“. If taking a „transparent“ setting, the previously set background color is not displayed. „Window“ will always set the Flash object in the foreground (compared with other HTML objects) with „opaque“, the order of the objects can be defined in HTML.
Now change the two values 800 and 400 in the line 24. Note that the two values indicate the width and height of the flash object in pixels. The carousel inside the flash object has a predefined width: height ratio of 2:1. But you can easily select a different relationship of size. Then the carousel is not fulfilling the flash object in one direction.
It isn’t necessary to make more adjustments in the carousel-v2.0.html.
If you want to integrate the code into your own HTML page, then copy this part in the head section:
|
1 2 3 4 5 6 7 8 9 |
<script src="swfobject.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[ var flashvars = { bgcolor: "#000000", //Hier die RGB Farbe des Karussell-Hintergrundes angeben. Wirkt nur wenn wmode nicht "transparent" ist! wmode: "windows" //Hier "transparent", "opaque" oder "window" angeben. Bei "transparent" wird z.B. der Hintergrund auf transparent gesetzt, sodass der HTML Hintergrund sichtbar wird. }; var params = {}; var attributes = {}; swfobject.embedSWF("karussell-v2.0.swf", "myAlternativeContent", "800", "400", "8.0.0", "#00FF00", false, flashvars, params, attributes); // ]]></script> |
And this part in the body section of your HTML page:
|
1 |
Furthermore, you can change the content of the DIV container myAlternativeContent how you need it. This part is visualized, if the calling browser does not support Javascript or if the necessary flash plug-in is not present or only in a too low version.
Prepare now some images in the size 128 pixels x 128 pixels. You can save the images in JPG, GIF or PNG format. Save them in same folder where you’ve stored the HTML file. The file names can be chosen free. But you shouldn’t use special characters.
Now open the file carousel-v2.0.xml with an editor. Here you can insert within the section <icons> </ icons> one row for each image or you can change or delete the existing lines.
|
1 |
In „image“ you declare the filename of the picture, in „tooltip“ you can write a few descriptive words in „href“ you specify the URL of the links and in „target“ you choose „_blank“, if the link should open in a new window or „_self“, if the link should open in the same window.
In the section <options> </ options> you can still take some basic settings.
|
1 2 3 4 |
<!-- Breite Karussell in Prozent bzgl. Breite des Flash-Objektes, wenn das Flash-Objekt eine Proportion von 2:1 aufweist. Einfach mit diesem Wert "spielen" --> <!-- Höhe Karussell in Prozent bzgl. Höhe des Flash-Objektes, wenn das Flash-Objekt eine Proportion von 2:1 aufweist. Einfach mit diesem Wert "spielen" --> <!-- Perspektive zwischen 0 und Unendlich. 0 max. Perspektive, Unendlich keine Perspektive. In der Praxis für Unendlich einfach eine große Zahl z.B. 10000 angeben! --> <!-- Erstgeschwindigkeit zwischen 0.001 und 1. Achtung Punkt für Komma! --> |
- radiusx: width of the carousel in percent to the width of the flash object if the flash object has a proportion of 2:1. „Play“ with the single value.
- radiusy: height of the carousel in percent to the height of the flash object if the flash object has a proportion of 2:1. „Play“ with the single value.
- perspektive: Perspective from 0 to infinity. 0 = max. perspective, infinite = no perspective. That means for infinity declare simply a large number, e.g. 10 000!
- geschwindigkeit: speed between 0.001 and 1. Attention: there must be used a point instead of a comma!
Now load the following files to your webspace in the same folder:
- karussell-v2.0.swf
- karussell-v2.0.html
- karussell-v2.0.xml
- swfobject.js
- Bilder
You mustn’t upload the file carousel-v2.0.fla. I have just resolved it, so that you can possibly make changes in the Actionscript code of the flash carousel. In this case, of course, you need flash. If you do one or the other useful extension, I would be pleased to know this.
Attention please:
The code isn’t claiming to be free of errors, so any use is at your own risk. And please don’t forget that the flash carousel will charge enormously the processor of the visitors of your website!
Have fun with the open source flash carousel and thanks to Lee for his: Creating 3D Carousels II Tutorial
Hallo, ich wollte mit dem Karussell ein Versuch auf meiner Website starten. Leider funktionieren die Hyperlinks nicht. Ich habe keine Ahnung an was es liegen könnte. Weiterhin ist mir aufgefallen, dass die Images mal als .gif und mal als .jpg abgelegt werden müssen ansonsten einscheinen sie nicht im Karussell. Gibt es vielleicht schon eine überarbeitete Version von dem Karussell.
Grüße
M.Oestreich
Hallo,
ich finde das Flash sehr gut, aber ich habe eine Frage:
Müssen alle drei Dateien, also .swf, .xml und html (bzw die Seite wo es eingebunden ist) im selben Verzeichnis sein?
Ich frage deshalb, weil ich versucht habe es in Joomla einzubinden und es nicht geklappt hat.
Leider hab ich kein Flash, so das ich da mal reinschauen kann, aber könnte man es vll. so gestallten, dass nur die .swf und .xml Datei im selben Verzeichnis sein müssen, oder das man beim einbinden der Flash ein Parameter angeben kann, wo die xml-Datei zu finden ist?
Wie gesagt, ich find es sehr schön und echt klasse, dass es so zur Verfügung gestellt wird.
Björn
@Mark: Bilder können als jpg, gif oder png vorliegen. Das kann in der XML-Datei eingestellt werden.
Ja es gibt eine überarbeitete Version, bei der es nun nicht mehr notwendig ist, dass sich die Bilder und die XML Datei im gleichen Ordner wie die swf-Datei befinden.
@Björn: Ja du hast recht. Habe selbst öfters das gleiche Problem. Nun gibt es ein überarbeitetes Flash Karussell (siehe oben v2.1). Der Ort der XML-Datei kann in der HTML-Datei über Flashvars definiert werden. Die Pfade zu den Bildern können direkt in der XML-Datei mit angegeben werden.
Hallo und DANKE für das Script!!!
Hab’s mir gerade runter geladen und ein wenig damit experimentiert – einfach super einfach 😀
Aber eine Frage habe ich doch noch:
kann ich irgendwo auch die maximale Geschwindigkeit einstellen?
Ich möchte ja nicht, dass meinen Besuchern schwindlig wird 😉
Hallo Dobra, du kannst die Startgeschwindigkeit einstellen. Einfach die XML-Datei karussell-v2.1.xml mit einem Editor öffnen und die letzte Option „geschwindigkeit“ entsprechend ändern.
Die Maximalgeschwindigkeit des Karussells, konnte nicht angepasst werden. Du hast Recht, das ist schade. Damit deinen Besuchern nicht schwindelig wird habe ich nun eine neue Version erstellt (siehe Downloads V2.2). Damit kannst du auch die Maximalgeschwindigkeit in der XML-Datei einstellen.
Hallo admin,
vielen lieben Dank 😀
schon installiert – jetzt ist es *perfekt*
Hallo nochmal,
ich weiss, ich bin lästig …
habe das Teil schon auf meiner Startseite eingebaut
zum gucken:
http://www.woll-insel.at/cgi-bin/shop2/iboshop.cgi?show
(Bilder sind noch besch… aber sonst funktioniert’s 🙂 )
aber ich schaffe es – trotz stundenlangem googeln – nicht, Umlaute oder Sonderzeichen wie z.B. „-“ oder „/“ im tooltip Text auszugeben.
ich vermute, dass diese Zeichen in der swf (oder fla) Datei ausgefiltert werden?
Beide Dateien kann ich aber leider nicht öffnen.
Kannst Du mir da nochmal helfen?
lg aus Wien
Ja du hast recht. Ist lästig, wenn die deutschen Umlaute nicht funktionieren.
Da ich dein Woll-Karussell recht lustig finde und vor allem weil die besten Freundin von allen (meine häckelbegeisterte Freundin!) es mir sicherlich schwer ankreiden würde, wenn ich ein Woll-, Strick und vor allem Häckelgeschäft nicht unterstützen würde, gibt es jetzt die Version 2.3 (siehe Downloads).
Du bist absolut genial 😀
nochmal ein ganz großes DANKE!!!!
hallo,
ich habe noch nie mit flash gearbeitet, aber dank dir habe ich 3 tage und nächte gebastelt und nu läuft das karussel. es gibt nur einen dicken hacken: es läuft auf windows browser auf google chrom aber nicht auf mozilla firefox.
was hab ich nu schon wieder falsch gemacht?
Hallo,
kann mir jemand helfen?
Ich habe die dateien alle auf dem Webspace, und es läuft auch.Siehe hier:
http://www.winnetou-shopping.de/karussell/karussell-v2.3.html
Was muss ich jetzt auf meiner Shop Startseite einfügen damit es so wie bei dobra angezeigt wird?
@Conny: Was heißt den 3 Tage und Nächte gebastelt? Heißt das, dass du in der fla-Datei rumgebastelt hast und eine neue swf-Datei erzeugt hast? Meine swf-Datei funktioniert soweit ich das nachvollziehen kann ohne Probleme auch im Firefox. Eventuell musst du dir die Einbindung einer swf-Datei in eine Website nochmals anschauen. Vielleicht hast du da einen Fehler gemacht.
@winnetou: funktioniert ja, wo liegt das Problem?
@winnetou
nach den, was ich gestern gesehen habe, dürfte das Problem nicht am Script und auch nicht bei Dir liegen, sondern einfach an Deiner Shop Software.
Schaut so aus, als könntest Du damit nicht viel Eigeninitiative einbringen 🙁
Bei meiner Software
(weiß nicht, ob Webung hier erwünscht ist, aber wer wissen will, welche ich verwende, kann ja mal in meinen Quelltext gucken ;))
kann ich ALLES realisieren = alles einbauen
– von Ajax Funktionen, Flash, JS eigene Subroutinen und was immer mir für Ideen auch einfallen 🙂
Hallo,
das ist ja ein Spitzen – Tool, und das als OpenSource…genial, Danke.
Nun noch eine frage, ist es möglich, das Carousel auch um die vertikal bzw horizontale Achse zu drehen??
Ich bräuchte ein Carousel dass sich von vorn nach hinten, bzw oben nach unten dreht, also als ob es auf einen zulaufen würde.
LG steff
Hallo Stef74,
ja du hast recht, wäre toll wenn es auch um die andere Achse ginge. Leider zur Zeit nicht möglich, wenn du nicht selbst den Actionscript-Code ändern willst. Finde die Idee aber super, darum werde ich es mal auf meiner ToDo Liste setzen. Könnte aber etwas dauern…
Ein tolles Karussell!
Einen Verbesserungsvorschlag hätte ich noch.
Schön wäre es, wenn man die Hoechst Geschwindigkeit auch über die XML-Datei definieren kann
Ich setzte es mal auf die ToDo Liste…
Sehr schönes Teil.
Schön wöre auch noch eine, wie schon gewünschte, Höchstgeschwindigkeit.
Noch schöner wäre, wenn die Geschwindigkeit beim verlassen des Films auf einen vorgegebenen Wert sinkt.
Nur so als kleinen Punkt für Deine ToDo-Liste;)
Vielen Dank für deine Arbeit!
Kann nur sagen, ein suuuuper Script, aber krieg das mit den Hyperlinks auch nicht hin 🙁
Möchte, dass sich ein neues Fenster öffnet, wenn ich auf ein Bild klicke.
Scheine einfach zu vernagelt zu sein.
Kann mir jemand weiterhelfen???
Vielen Dank
Hallo Eva,
schaue dir die in der ZIP-Datei enthaltene XML-Datei mit einem Editor deiner Wahl genau an. Du findest bei jedem Hyperlink den Paramater ziel=“_blank“ oder ziel=“_self“. Genau damit kannst du steuern ob der Hyperlink im neuen (_blank) oder im gleichen Fenster (_self) geöffnet wird.
Grüße
Dietmar
hi,habe mal das flash karussell probieren wollen…habe also alles downgeloadet und alles in einen ordner auf meinen webspace gepackt.wenn ich jetzt meine domain.de/order/karussell-v2.3.html aufrufe müsste ich doch eigentlich eine schwarze seite mit dem karussell haben oder liege ich da falsch?!auf jeden fall kommt nur der scharze bildschirm ohne was 🙁
wo kann da der fehler liegen?muss ich die pfade zu den dateien neu schreiben?eigentlich doch nicht wenn sie im selben order liegen…bin am verzweifeln
die seite wo ich das probiert habe ist:
sacher-exclusive.com/flash/karussell-v2.3.html
vllt seht ihr ja den fehler..ich bin noch zu grün hinter den ohren
aber wenn es mal gehen sollte auf jeden fall ein super ding
schon mal vielen dank
SUUPER SCRIPT!
Habs getestet, alles funzt, auch die Pfade.
Jetzt eine verwegene Idee:
Wenn man ein Bild anklickt, könnte da nicht eine größere Version des Thumbs in einem Fensterchen aufgehen (eventuell mit „Einblend-Effekt“)
Ich würde das Script gern in die Website meiner beiden Töchter einbauen, die Seite hat etliche Fans und so ein tolles Script ist ein MÄCHTIGER HINGUCKER!
Allerdings bin ich von meiner Software (website X5) beim Anzeigen von Bildern etwas verwöhnt, sodaß ich etwas vom Bild-Anzeige-Effekt beim Karussell vermissen würde.
Ein angeklicktes Bild auf einer neuen Seite im Browser ist etwas „aus der Zeit“ – in meinem Fall…
(es sollen Katzen angezeigt werden, daher die Verlinkung auf eine _blank – Seite nicht sinnvoll…)
Das „Carussell – Tool“ mit „Anzeige – Effekt“ wäre der absolute Kick!
liebe Grüße und RESPEKT aus Wien!
Hallo nob,
komme leider erst jetzt zum Antworten (war im Urlaub). Scheinbar ist deine Seite: sacher-exclusive.com/flash/karussell-v2.3.html nicht mehr erreichbar. Kann darum nicht viel nachschauen. Theoretisch müsste es aber funktionieren wie du sagst. Du kannst sogar das ZIP-Archiv lokal in einem Ordner entpacken und dann die karussell-v2.3.html mit deinem Browser öffnen. Du müsstest das Karussell auf schwarzem Hintergrund so wie hier im Post sehen.
Hallo SWOTL,
ich nutze das Karussell als Linkliste und nicht so sehr für Bildeffekte.
Du möchtest scheinbar das Karussell mit einer Art Lightbox kombinieren. Finde ich eine super Idee! Ich selbst habe aber mal keine Zeit für eine entsprechende Programmierung. Vielleicht findet sich aber auch jemand anderes der ein wenig Flash programmieren kann und Lust hat so was zu machen.
Eventuell kann ich dir raten nach Flash Bildergalerien zu googeln. Im Web gibt es unzählige Bildergalerie Scripte mit tollen Effekten.
Top Sache………….habe aber leider Probleme mit HyperLink
in .xml – wird nicht ausgeführt
keine Ahnung warums nicht geht……………..
gruss Jürgen
OK…………ich hab es kapiert………funzt…………super danke
gruss Jürgen
Schön 😉
Hallo!
Habe mir auch das Karussell runtergeladen.
Habe es soweit hinbekommen (neue Bilder eingesetzt usw.)
Allerdings habe ich das Problem, das keine Links funktionieren. Und ich habe auch schon das Zitat hier
„Du findest bei jedem Hyperlink den Paramater ziel=”_blank” oder ziel=”_self”. Genau damit kannst du steuern ob der Hyperlink im neuen (_blank) oder im gleichen Fenster (_self) geöffnet wird.“
beachtet und auch genau so eingestellt, aber es rührt sich nichts. Ich klicke wie wild auf die Bilder, aber es wird nichts geladen.
(Bsp: <icon image=“bilder/1.jpg“ tooltip=“Vita“ href=“http://www.meinehomepage.de/vita“ ziel=“_blank“)
Nichts passiert…
Wo kann mein Fehler liegen?
Leider kann ich dein Problem nicht nachvollziehen. Wenn ich auf deine Icons klicke, dann wird ein Link ausgeführt. Somit scheint aus meiner Sicht (habe mit IE8 und FF3 getestet) alles zu funktionieren.
Ja das stimmt, denn mittlerweile habe ich es hinbekommen 😉
Ich habe bei der URL nämlich immer html anstatt nur htm angegeben gehabt. Nun geht alles. Danke!
Hallo. Jetzt muss ich mich doch einmal hier her wenden. 🙂
Ich wollte das Karussell in meine Website einbinden. Benute die XTC v3.02 SP2.1. Wollte den Code in die index.html einbinden und die Pfade entsprechende ändern. Jedoch kommt dann beim aufruf der Seite eine Fehlermeldung „Smart“, dass die Zeile „Diese Seite benötigt AS_xxx.js“ fehlerhaft sei.
Gibt es irgendwo eine Anleitung wie ich das Karussell in XTC einbinden kann?
Vielen Dank für eure Hilfe!
Ganz lieben Gruß aus dem schönen Franken.
Dirk
Speziell für XT-Commerce leider nein. Aber wenn du imstande bist die XTC-Template zu bearbeiten oder Flash-Objekte einzubinden, solltest du es mit obiger Anleitung und ein wenig googlen hinbekommen. Am besten du googlest mal ganz allgemein nach „XTC Flash einbinden“ oder so.
Das Karussell kann genau gleich wie ein sonstiges Flash Objekt eingebunden werden, du musst nicht unbedingt das swfobject benutzen, kannst auch mit AC_RunActiveContent arbeiten…
Hallo,
echt Hammerteil, macht Spaß damit rumzuspielen.
Hierbei ist mir ein kleines Problem aufgefallen.
Wo kann man denn den Abstand zwischen Bild und der Spiegelung des Bildes einstellen? Oder geht das automatisch? Habe nämlich mal testweise die Bilder verkleinert und nun habe ich zwischen Bild und Spiegelung einen etwas größeren Abstand. Denk ca. 30-40% des Bildes.
Die Spiegelung sollte eigentlich wie davor direkt am bzw. unter dem Bild sein.
In der XML fehlt das root tag und die ganze sache funktioniert nicht in Joomla 1.5.14
Hallo Seba,
ja da hast du recht. Der Abstand läst sich nicht über die XML-Datei einstellen. Die Abmessungen der Bilder sind in der Flash-Datei fix verdrahtet, daraus ergibt sich dann auch der Abstand der Spiegelung. Du müsstet also die FLA-Datei editieren oder viel Gedult mitbringen bis ich irgendwann mal wieder für das Karussell Zeit finde…
Hallo Arnold,
a) danke für den Tip mit dem root Tag. Werde ich bei der nächsten Version der Korrektheit halber ändern.
b) Das Karussell ist zwar kein Joomla Modul, ich selbst habe zur Zeit wenig mit Joomla zu tun, aber ich bin sehr sicher, dass du es ohne weiteres in Joomla integrieren kannst. Du musst dich einfach etwas mit Joomla beschäftigen. Einge Tipps: achte darauf dass dein Joomla Template die AC_RunActiveContent.js einbindet, dass das Verzeichnis mit den Bildern und der XML-Datei gefunden werden kann und dass dein Joomla keinen Code „zerschießst“. Am besten du machst ein Joomla Modul aus dem Karussell. Ich hoffe du kennst dich mit der Programmierung von Joomla Modulen aus, wenn nicht dann ist Google dein Freund 😉
Danke, habs nun in der FLA angepasst.
Was anderes.
Also wenn ich beispielsweise möchte, dass die Bilder nicht bei Click auf den Button wechseln sondern bei Mausover. Wo und was muss ich da ändern.
Ich denk mal onmousover wird hierbei nicht funktionieren oder?
Oh merke gerade, hab totalen Müll geschrieben.
Vergiss das bitte, war gedanklich ganz wo anders. 😉
Jetzt aber die richtige Frage, wie leicht kann man das ganze den drehen?
Also hier in dem Beispiel ist es ja ganz normal waagerecht. Was kann ich ändern damit das Teil senkrecht steht. Also wenn man direkt von vorne auf ein Wasserrad schaut. Wie man die spiegelung dann verschiebt weiß ich ja jetzt.
Hallo Seba,
relativ einfach. .fla Datei öffnen, den ActionScript Editor öffnen die Funktion mover() suchen und dort rumspielen. Zum Beispiel mal probieren diese zwei Zeilen:
this._y = Math.cos(this.angle)*radiusX+centerX;
this._x = Math.sin(this.angle)*radiusY+centerY;
wie folgt zu ändern:
this._x = Math.cos(this.angle)*radiusX+centerX;
this._y = Math.sin(this.angle)*radiusY+centerY;
Dies ist nur mal so ein Ansatzpunkt, denn du wirst wahrscheinlich die Größen anpassen müssen bzw. den ganzen Algorithmus studieren müssen….
Ja auch das wäre mal was für eine neue Version…
Hello again 😉
Irgendwie brauch ich Hilfe.
Ich versuchs mal zu erklären.
Und zwar, ich möchte den weißen Hintergrund so nah wie möglich an dem eigentlichen Flash Bild haben. Wie mach das? Also mir gehts draum das ich diese Abstände nicht brauche.
Hab hier mal einen Screenshot. Also Schwarz ist die Farbe des Hintergrundes und das weiße ist das komplette flash object. Rot markierte sollte weg. 😉
http://img143.imageshack.us/img143/3219/imagerx.jpg
Spiele mal in Flash mit der Höhe der Bühne rum… Natürlich dann auch in HTML die Höhe des Flash Objektes ändern.
Hallo Leute,
erstmals Danke für diese tolle Open Source Animation!
Ich habe ein Produk-Karussell für meine Homepage erstellt, hat super geklappt, nur leider kann ich die Animation nicht in meine Homepage einbinden.
Sprich die karussell.html funktioniert, aber sobald ich die .swf Datei in meine produkte.html Datei kopiere, sehe ich nur einen schwarzen Balken (http://www.terra-eu.eu/seiten_de/Copyofprodukte.html).
Wenn ich die .swf Datei öffne, erscheint ebenfalls nur dieser schwarze Balken. In der karussell.html wird aber eindeutig auf diese Datei verwiesen und dort funktioniert es!!
Was mach ich bloss falsch??
Gruss, Beni
Deine swf-Datei findet wahrscheinlich die xml Datei oder die Bilder nicht. Lade nochmals das ZIP Archiv hier runter, entpacke es und schaue dir gut an welche Ordner mit welchen Inhalten da erzeugt werden! Wenn du den Code 1 zu 1 übernimmst musst du auch die Ordnerstruktur samt Inahlt 1 zu 1 übernehmen. Wenn du was änderst dann beachte in deinem HTML Quelltext die flashvars Variable und in der XML-Datei den Pfad zu den Bildern!
Sehr geehrte Damen und Herren,
entschuldigung die Störung, aber ich habe ein großes Problem euren Super – Script in meinen XT-Commerce V 3.04 SP2.1 in die Hauptseite einzubauen. es sollte über den Begrüßungstext der Startseite eingebunden werden. Wenn dieses etwas kosten sollte, senden Sie mir ein Angebot. Ansonsten bin ich natürlich für eine Anleitung sehr Dankbar. Im Internet ist leider nix zu finden.
Mit freundlichen Grüßen
Michael Müller
Sehr geehrter Herr Müller,
wie das Script in eine HTML-Seite eingebunden werden kann ist in dieser Seite (siehe Installation und folgenden Text) beschrieben. Wie das Script in XT-Commerce eingebunden werden kann, sollten Sie mit Ihrem Webmaster, welcher sich mit XT-Commerce auskennt, besprechen. Ich habe jetzt leider nicht im Kopf ob man in XT-Commerce so mir nix dir nix per HTML eine SWF-Objet einbinden kann… Eventuell muss das über das XT-Commerce Template oder ein Modul gelöst werden. Ihr XT-Commerce Programmierer ist diesbzgl. der richtige Ansprechpartner.
Mfg
Hallo Admin,
ich habe das gleiche Problem wie „nob“:
Version 2.0 in einem Ordner entpackt, die html-Datei gestartet und
das Karussell dreht sich!
Mit Version 2.2 und 2.3 das Gleiche gemacht und man sieht nur einen
schwarzen Hintergrund.
Da ich die Dateien heute (1.Okt,) heruntergeladen habe, müssten sie aktuell sein.
Noch ein Hinweis. Irfanview hat ein FlashPlayer Plugin.
Die swf-Datei 2.0 wird mit Irfanview angezeigt. Dsas Karussell ist zu sehen. Bei Vers. 2.2 und 2.3 nicht, nur schwarzes Fenster!
mfg Gerhard
Hallo Gerhard,
das ist normal so. Bei den neuen Versionen ist die swf-Datei alleine nicht „laufbar“. Du musst die HTML-Datei öffnen, denn die HTML-Datei übergibt per Flashvars der swf-Datei den Pfad zur XML-Konfigurationsdatei. Passiert das nicht, kann die Konfigurationsdatei nicht geladen werden und du siehst ein schwarzes Fenster.
Ups, ich merke gerade, dass ich FlashVars nur bei der der Javascript Einbindung richtig eingesetzt habe und beim Object-Tag und Embed Tag einen Fehler gemacht habe. Ist nun mit V2.3.1 korrigiert.
Hallo Admin,
ich habe jetzt die neueste Version 2.3.1 heruntergeladen und in einem neuen Verzeichenis entpackt. Beim Öffnen der HTML-Datei passiert immer noch nichts – nur eine schwarze Fläche!
Was mache ich jetzt noch falsch?
Danke für Deine Mühe!
mfg Gerhard