Javascript, Hilfe! objektorientiertes script wdh.?

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo! Ich bräuchte Hilfe beim Schreiben im Javascript, ich habe eine Imageflow-Galerie (http://finnrudolph.de/ImageFlow), möchte aber zwei davon auf einer Seite, weiß aber nicht, wie man das einfügt.
Hier ist auch eine Anleitung:
http://finnrudolph.de/ImageFlow/Documentation

ImageFlow
function init() {
var basic_1 = new ImageFlow();
basic_1.init({ ImageFlowID: ‚stellisBilder‘,reflections:false, reflectionP: 0.0,
slider: false, opacity: true, onClick: function() {window.open(this.url, ‚_blank‘);}, circular: true, glideToStartID: false, xStep: 250 });
}
window.onload = init;

Bilder

#2

Hallo.

du must die ID stellisBilder mit einer anderen ID für die zweite gallerie einfügen:

var basic_1 = new ImageFlow();
basic_1.init({ ImageFlowID: ‚stellisBilder‘,reflections:false, reflectionP: 0.0,
slider: false, opacity: true, onClick: function() {window.open(this.url, ‚_blank‘);}, circular: true, glideToStartID: false, xStep: 250 });
var basic_2 = new ImageFlow();
basic_2.init({ ImageFlowID: ‚stellisBilder2‘,reflections:false, reflectionP: 0.0,
slider: false, opacity: true, onClick: function() {window.open(this.url, ‚_blank‘);}, circular: true, glideToStartID: false, xStep: 250 });

und dann natürlich auch den entsprechenden HTML code dafür:

Olaf

#3

Grüß Dich, leider kann ich im Moment noch nichts dazu sagen, außer dass es sich dabei ja um AJaX Programmierung handelt und ich auch gerade dabei bin, 2 unterschiedliche Objekte auf einer Seite einzubinden. Wenn ich fündig werde, teile ich´s Dir mit

#4

Hallo, es tut mir leid, aber da kann ich gar nicht helfen, habe selbst keine Ahnung.
Gruß
Ingrid501

#5

Hallo Stellis,
ich kenne zwar genaue diese Galerie nicht, aber ich würde mal versuchen, in der init Funktion eine zweite Gallerie zu instanziieren und der eine eigene ID zu geben. Die dann genauso wie die erste einbinden, das müsste eigentlich klappen.
Gruß,
Thomas

#6

schau mal unter: http://www.dasprojektportal.com/imageflow/

meintest du es so?

#7

Hallo,
vielen Dank für die ausführliche Antwort, es sieht jetzt super aus. Danke!!

Grüße,
stellis87

#8

Ich dachte ehrlich gesagt ich hätte schon geantwortet…
Naja. Einfach mal versuchen die Einträge zu verdoppeln um 2 Galerien zu erstellen. Im übrigen ist das so auch im Seitenquelltext von „http://finnrudolph.de/ImageFlow“ im Beispiel zu sehen…

ImageFlow
function init() {
var basic_1 = new ImageFlow();
basic_1.init({ ImageFlowID: ‚stellisBilder‘,reflections:false, reflectionP: 0.0,
slider: false, opacity: true, onClick: function() {window.open(this.url, ‚_blank‘);}, circular: true, glideToStartID: false, xStep: 250 });

var basic_2 = new ImageFlow();
basic_2.init({ ImageFlowID: ‚stellisBilder2‘,reflections:false, reflectionP: 0.0,
slider: false, opacity: true, onClick: function() {window.open(this.url, ‚_blank‘);}, circular: true, glideToStartID: false, xStep: 250 });

}
window.onload = init;

Bilder

#9

Hallo, ist dein Problem noch aktuell?
Wenn es nur um das Einfügen der beiden Funktionen aus deiner Anleitung geht. Die fügst du am besten nach der letzten „}“ in deinem Code ein.

Mfg
DC