Demo: JavaScript-Diashow mit jQuery

Hallo David,

ich suche seit längerer Zeit nach einer Möglichkeit, automatisch ablaufende Diashows in mein privates Blog einzubinden. Alles, was bei Drupal angeboten wird, funktioniert nicht zufriedenstellend. Auch was ich sonst so im Netz gefunden habe, läuft nicht so recht. Unter anderem habe ich auch erfolglos versucht, eine mit Open- Office erstellte Präsentation einzubinden.

Deine Show scheint jedoch zu funktionieren. Ist die zu haben? Verkaufst Du die oder ist das evtl. Freeware - kann ich damit mal einen Versuch machen?

Ich habe eine Rubrik “Stadtbild” - Wege, in dieser Reihe würde ich gern Bilder von jeweils einen Spaziergang zu einer kleinen Schau zusammenfassen…

Hallo XionShui,

ja, die Diashow ist Freeware / OpenSource (MIT-Lizenz siehe Sourcecode) und kann von jedem verwendet werden. Voraussetzung ist natürlich, dass man sich gut genug mit HTML und JavaScript/jQuery auskennt, um sie einbauen und anpassen zu können.

Ich informiere Dich gerne, falls eine neue Version fertig wird. Beim Einbau in dein Blog kann ich aus Zeitgründen aber leider nicht helfen.

Danke für die Aufklärung (hatte die letzten Tage ziemlich Stress daher erst jetzt).

Ich werde dann bald mal einen Versuch starten.

Hallo,
ich habe versucht, in der js-Datei
“//getting the data (JSON)
data = ‘[”Welcome to orangSlides!(…)”,’”
zu ersetzten, um dort ein bild einzufügen. Leider klappt dies nicht. Wie kann ich ein Bild statt dem Text einsetzen?
Danke schon einmal im Vorraus für die Antwort, könnten Sie mich auch per E+-Mail darüber informieren?
nobody43

Lieber nobody43,
wie oben schon angedeutet leiste ich keinen Support für das Skript.

Bei orangeSlides handelt es sich um eine private Spielerei, aus der vielleicht irgendwann ein jQuery-Plugin entwickelt wird. Im derzeitigen Zustand ist es nicht ausgereift und vermutlich nur für JavaScript-Kenner verständlich.

Wenn du damit zurecht kommst, darfst du es natürlich gerne verwenden. In diesem Fall würde ich mich über eine kurze Rückmeldung freuen.

hi david,

danke fuer die ziemlich praktische diashow. ich bin auch gerade am basteln an ihr. nun wuerde ich aber gerne die moeglichkeit haben, dass die einzelnen Bilder ineinander faden und nicht erst eines ausfadet und dann ein neues einfadet.
ich denke das passiert irgendwo hier, oder? nur wie???
danke fuer deine hilfe!
bertl

orangeSlides.go = function(number){
if(this.currentSlide+number 0){
this.currentSlide = this.currentSlide+number;
}
$(this.containerId).fadeOut(this.transitionSpeed, function(){
$(orangeSlides.containerId).html(slides[orangeSlides.currentSlide-1]).fadeIn(this.transitionSpeed);
$(”#current_slide”).html(orangeSlides.currentSlide);
});
};

[…] einiger Zeit hatte ich den Entwurf einer JavaScript-Diashow vorgestellt. Jetzt habe ich das Skript neu aufgebaut und mit zusätzlichen Features versehen. […]

Hallo,

wollte mir die orangeSlides auch runterladen, kann diese aber nirgends finden. Wo bekommt man die denn?

Hallo Sternchen3,

kopier dir einfach den Code aus dem Beispiel. Aber, wie gesagt: diese Diashow ist nur eine unfertige Spielerei.

Ausgereifte jQuery-Scripte findest du z.B. unter http://plugins.jquery.com/