Medienclip via paragraph_movie.ccml ausgeben
Sie arbeiten mit Web to date 6.0 oder mit Shop to date 6.0??
Sie möchten Flashfilme ganz "normal" über den Absatztyp "Medienclip" anzeigen lassen? Wenn Sie auf schlanken Code setzen, der vom W3C-Validator akzeptiert wird, tauschen Sie die hier angebotene Datei einfach aus.
In jedem Fall zuvor eine Sicherungskopie erstellen.
Arbeitsschritte
- 1 . Designordner : Das JavaScript flashcontent.js im Ordner des verwendeten Designs abspeichern.
- 2. global.ccml : Das eingesetzte JavaScript in der global.ccml anmelden.
- 3. Verknüpfung zum Script herstellen.
- 4. Code für den Flashfilm in der paragraph_movie.ccml austauschen.
- 5. CSS- Styleangaben ergänzen
1. JavaScriptCode
Laden Sie sich von hier das JavaScript
flashcontent.js [9 KB] von Geoff Stearns
auf Ihren Rechner und speichern Sie es als flashcontent.js im Ordner des verwendeten Designs ab.
2. global.ccml
Damit w2d das Javacript vearbeiten kann, muss es in der global.ccml angemeldet werden. Dafür folgende Codezeile in den Zwischenspeicher kopieren und in der global.ccml einfügen.
<cc:*>für Flashdedect für Movieabsatz via paragraph_movie.ccml:</cc:*>
<cc:asset src="flashcontent.js" dst="flashcontent.js" obj="myflashcontentscript">
3. Script einbinden
(A) Das Script wird mit folgender Codezeile direkt in der paragraph_movie.ccml eingebunden, nicht in der navigation.ccml
<script src="<cc:print value="&myflashcontentscript.url">" type="text/javascript"></script>
(B) Dadurch wird das Script nur dann geladen, wenn es auch tatsächlich benötigt wird.
(C) Auch lässt sich bei Bedarf ein Flash-Script, dass einem anderen Zweck dient, problemlos einsetzen.
Der komplette Code für die paragraph_movie.ccml finden Sie abschließend
hier
.
4. paragraph_movie.ccml
Um den gesamten Code ansehen zu können, nutzen Sie bitte die Markierfunktion mit Hilfe der Maus.
<cc:if cond="¶graph.movie.isflash">
<cc:if cond="¶graph.movie.url"><cc:set obj="mymovie.url" value="¶graph.movie.url">
<cc:else><cc:download uid="¶graph.movie.uid" obj="mymovie">
</cc:if>
<cc:*> WICHTIG: Das Script wird direkt hier eingebunden, nicht in der navigation.ccml </cc:*>
<cc:*> Der Upload erfolgt direkt in den Ordner \downloads, der den Flashfilm enthält. </cc:*>
<script src="<cc:print value="&myflashcontentscript.url">" type="text/javascript"></script>
<div class="flashmovie"><!--Start Movie-->
<div id="flashcontent"><!--Start Alternativbild-->
<cc:printpicture obj="pic.alternativswf" alt="&page.content.caption" title="&page.content.caption" width="¶graph.movie.width" heighth="¶graph.movie.height"></img>
</div><!--Ende Alternativbild-->
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("<cc:print value="&mymovie.url">", "sotester", "<cc:print value="¶graph.movie.width">", "<cc:print value="¶graph.movie.height">", "9", "<cc:print value="&usercolor.bright">");
so.addParam("wmode", "transparent");
so.write("flashcontent");
// ]]>
</script>
</div><!--ENDE Movie-->
</cc:if>
Erläuterung
9 = Flashplayerversion
<cc:print value="&usercolor.bright"> = Hintergrundfarbe
so.addParam("wmode", "transparent"); sorgt für Transparenz, wichtig bei Flyout-Navigation
Breite und Höhe der eingebundenen Alternativgrafik errechnen sich analog zu den Angaben des Flashfilms.
CSS
Um den gesamten Code ansehen zu können, nutzen Sie bitte die Markierfunktion mit Hilfe der Maus.
/* für Absatztyp Medienclip:für Alternativbild des Flash WICHTIG: Die Größe muss mit der des Filmes übereinstimmen*/
div.flashmovie {
margin: 0 auto !important;
border: none;
text-align: center;
}
/* für Absatztyp Medienclip:für Alternativbild des Flash WICHTIG: Die Größe muss mit der des Filmes übereinstimmen*/
/* macht nur Sinn, wenn der Ausgabecode NICHT auf transparent steht. Ansonsten wird die Grafik hinter dem Film angezeigt */
#flashcontent {
margin: 0 auto !important;
border: none;
text-align: center;
background: <cc:print value="&usercolor.bright"> url(../images/alternativ.jpg) no-repeat;
}
