Manchmal muss man nur kurz schauen, überlegen und schon beantworten sich die Fragen von selbst.
Also für alle die nach inline-javascript und inline-css suchen.
Bei funktionierendem noobSlider den Seitenquelltext aufrufen und in head-Bereich der Seite suchen nach:
HTML-Code:
<style type="text/css" media="screen">
/* noobslide-css-start */
#noobContainer324 div.block{ width:990px; float:left; vertical-align: text-top; } #noobContainer324{ position:absolute; } #noobContainer324 .buttons{ text-align:left; } #noobContainer324 .next{ float:right; }
/* noobslide-css-end */
</style>
Diesen Bereich habe ich mir kopiert und in meine CSS-Datei eingefügt.
Dann wieder im head-Bereich nach dem Script-Block suchen (die "324" steht dabei für die ID des noobSliders):
Code:
<script type="text/javascript">
window.addEvent('domready',function(){
/* noobslide-js-start */
var nS324=new noobSlide({box:$('noobContainer324'),items:[0,1,2,3],size:990,addButtons:{play:$('play324'),stop:$('stop324'),playback:$('playback324')},interval:8000,autoPlay:true,fxOptions:{duration:3000,transition:Fx.Transitions.Quad.easeInOut,wait:false}});nS324.walk(0,false,true);
/* noobslide-js-end */
});
</script>
Diese Konstrukt, wie von JamesdK erwähnt, in im Seitenlayout (über das Backend) im Bereich "Eigener JavaScript-Code" einfügen.
Bei "Zusätzliche <head>-Tags" habe ich noch die beiden Dateien eingefügt:
Code:
<link media="all" type="text/css" href="system/modules/pk_noobSlide/html/pkNoobSlide.css" rel="stylesheet">
<script src="system/modules/pk_noobSlide/html/class.noobSlide.packed.js" type="text/javascript" ></script>
Jetzt ein neues Modul erstellen vom Typ HTML-Code und per Inserttag euren Artikel einfügen. Das Modul einfach im Seitenlayout auswählen und an die gewünschte Stelle schieben.
Die ID - hier 324 - mit eurer ID ersetzen jeweils im script-Block und CSS-Block ersetzen.
Lesezeichen