Folgen schon, doch wird das bestimmt ein bisschen Tricky .

Ich kenne mich mit den einzelnen Funktionen von Web Acappella noch nicht wirklich aus, also erst einmal eine Gegenfrage.

Hat die Web Acappella eigene Slideshow diesen Effekt?

Wenn ja, dann musst du den Aufruf / Link, so im HTML-Code einbauen, dass das direkt startet. Ich denke, ist über einen Aufruf via Javascript am besten zu gestalten.

Die Macher deiner Demoseite arbeiten mit Nivo Slider und Fancybox. Fancybox ist so etwas wie Lightbox oder Shadowbox. Die Scripte basieren wie so viele Dinge auf der jQuery-Bibliothek, welche auch von Web Acappella genutzt wird.
Um diese Effekte zu erhalten, musst du in den HTML-Code eingreifen, soviel sollte dir schon mal klar sein . Ist das ein Problem, oder kannst du damit umgehen?

Nachtrag:
Hab gerade mal ein bisschen herumprobiert. Web Acappella nutz auch Fancybox bei der Bildergalerie, aber nicht in Verbindung mit der Slideshow . Man könnte evtl. eine Seite mit nur der Sildeshow erstellen und diese mit Shadowbox in die Seite einbauen. Ist jedoch noch hypothetisch! Shadowbox erlaubt einem nicht nur Bilder mit diesem Effekt einzubinden, sondern auch Videos und HTML-Seiten.

Ich habe trotz Hitze eine Lösung erarbeitet, welche ich denke mal deinen Wünschen entspricht (das kostet dich mindestens ein EIS) .

Hierfür musst du dir einfach das Script Shadowbox downloaden (für den privaten Gebrauch kostenlos nutzbar, sonst Lizenz erwerben).

Hier..... ist die Entwickler Seite.

Ich habe ein Demo erstellt welches hier.... zu betrachten ist!

Als erstes habe ich mit Web Acappella eine Seite erstellt, die genau so gross wie die Slideshow ist (in meinem Fall 600 x 402 Pixel).
Diese Seite habe ich dann per Iframe und mittels Shadowbox eingebaut.

Der Code kann im Programm im Head-Bereich platziert werden, nachfolgend der Beispielcode:

<!-- Start Shadowbox -->
<link rel="stylesheet" type="text/css" href="Link zur Datei/shadowbox.css">
<script type="text/javascript" src="Link zur Datei/shadowbox.js"></script>
 
<script type="text/javascript">
Shadowbox.init({
    showMovieControls:	false,
    continuous:			true,
    overlayColor:		"#000",
    overlayOpacity:		0.8   
});
 
window.onload = function() {
    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content:    '<iframe src="Slideshow Seite.html" width="600px" height="402px" frameborder="0" scrolling="no" style="" ></iframe>',
        player:     "html",
        title:      "Welcome",
        height:     402,
        width:      600
    });
};
</script>
<!-- Ende Shadowbox --> 
 

Der Code ist so aufgebaut, dass Shadowbox automatisch nach dem Laden der Seite gestartet wird.

Anpassen des Codes:
<link rel="stylesheet" type="text/css" href="Link zur Datei/shadowbox.css">
<script type="text/javascript" src="Link zur Datei/shadowbox.js"></script>

Die rot markierten Stellen müssen an euren Speicherort der Scriptdateien angepasst werden. Ich persönlich habe das Script auf meinem Server in einem Ordner abgelegt und kann so immer auf der selben Stelle darauf zugreifen.

content: '<iframe src="Slideshow Seite.html" width="600px" height="402px" frameborder="0" scrolling="no" style="" ></iframe>',

Hier muss der link der Seite, sowie die Grösse des iFrames angegeben werden. Die Seite liegt nach dem Veröffentlichen der Seite in eurem Projektordner, der Name muss dementsprechend angepasst werden. Die Breite "width" und die Höhe "height" passt ihr an die Seitengrösse aus den Seiten-Einstellungen an, ebenso hier "height: 402," und "width: 600".

Unter "title: "Welcome"," könnt ihr noch die Überschrift definieren, welche über der Slideshow erscheint.

Nähere Informationen über Shadowbox findet ihr entweder auf der Entwicklerseite oder hier....

Viel Spass beim Basteln

Jo,
also michunna ohne mich da einmischen zu wollen, aber ich glaube Didi würde an dieser Stelle schreiben:

"Bitte einen link zum Problemkind"

- sprich, wenn Du die Sache ( in einem extra Bastelordner ) hochlädst, kann sich der Meister ein besseres Bild machen.


by the way......
Die Muster Seite die Du gefunden hast ( http://www.joecornishgallery.co.uk/ ) möchte ich einer kurzen Kritik unterziehen, Ergebnis: FABELHAFT
- tolles Grunddesign des Farbthemas Grau ( ich mag das sehr ) mit minimalistischen Farbeinsatz ( Braun)
- aussergewöhnlich Dein Seiten-Menü mit dem Typowechsel in die Kursive beim mouse-over, ( geht in WebAcappella genauso, wenn man den Text zum Bild macht)

... für meinen Geschmack ist da nur zu viel englischer Text drauf ;-)))))))))))

Zitat von harrison im Beitrag #8

---

- sprich, wenn Du die Sache ( in einem extra Bastelordner ) hochlädst, kann sich der Meister ein besseres Bild machen.

---

Frag mich jetzt nicht, woran es liegt. Ich denke aber an einem kleinen Fehler im Code, welcher mir bis jetzt verschlossen bleibt.

Ich habe deinen Code probiert, Fehlanzeige

Ich habe meinen Code, mit deiner HTML-Datei probiert, funktioniert .

Kopiere diesen Code in deinen HTML-Baustein und ändere die Links zu den Script-Dateien.

<!-- Start Shadowbox -->
<link rel="stylesheet" type="text/css" href="http://www.schoenwandt.info/shadowbox/shadowbox.css">
<script type="text/javascript" src="http://www.schoenwandt.info/shadowbox/shadowbox.js"></script>
 
<script type="text/javascript">
Shadowbox.init({
    showMovieControls:	false,
    continuous:			true,
    overlayColor:		"#000",
    overlayOpacity:		0.8   
});
 
window.onload = function() {
    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content:    '<iframe src="http://www.michunna.de/aktuelles.html" width="600px" height="402px" frameborder="0" scrolling="no" style="" ></iframe>',
        player:     "html",
        title:      "Welcome",
        height:     402,
        width:      600
    });
};
</script>
<!-- Ende Shadowbox --> 
 
 

Ich denke dann wird es funktionieren .

Manchmal ist es nur ein Zeilenumbruch und schon ist alles für die Katz.