Karuselleinbindung gesamte Site

[flinn]

Hallo liebe Community 

ich möchte gerne ein Karusell auf die komplette Site Breite in meinem Masterrahmen einbinden.
Momentan habe ich im Masterrahmen ein sep. Layot erstellt in dem sich das Karusell befindet.

ich hätte es aber gerne so:
BSP: www.zous.eu

Ich finde das für meine Seite besser , als einen kompletten Hintergrund-backstrech. (bekomm ich eh nicht hin, wegen mangelnder html-kenntnisse)

Die aktuelle Sitebreite habe ich auf 1200 eingestellt.

Vlt könnt Ihr mir weiterhelfen 

Vielen lieben Dank

[nettesekel]

Hallo flinn und willkommen im  Forum, 

was für ein Karussell nutzt du denn aktuell? Das aus NOF?

l.g. nettesekel

[nettesekel]

Mit dem NOF-Karussell ist das m.E. nicht machbar. Habe mal was gegoogelt und z.B. das hier gefunden. http://www.jqueryscript.net/demo/Responsive-jQuery-Full-Width-Image-Slider-Plugin-responsiveSlides/
Sowas ließe sich in NOF einbauen.

[flinn]

hallo nettesekel

ja ich nutze das Karusell von NOF 2013

hab es mal eingebaut, da verreißt es mir die ganze Seite.  :(
trotzdem danke

[nettesekel]

Was verreißt dir die ganze Seite? Der verlinkte Slider?
Kann man das mal sehen? Bei mir klappt es mit 1-2 Tricks eigentlich ganz gut.

[flinn]

 
hallo
..oh man.. ich hab mir jetzt mal eine testsite erstellt.
also ich lade die plugins in den Masterrahmen (siehe screenshot)
und setze den HTML Text im Masterrahmen ans Ende des Haupttextes?


 <script src="http://www.herzog-schwimmbaeder.de"></script>
<script type="text/javascript" src="jquery.responsiveSlides.js"></script>
<script type="text/javascript" src="jquery.onImagesLoad.min.js"></script>
<div id="karusellmasterrahmen">
<img src="100_0559-1.jpg">
<img src="2020_550218fde8b.jpg">
<img src="rolladeninnen2.jpg">
<img src="vitaclassica3.jpg">
<img src="Whirlwanne_Eckbadewanne_Villeroy_Boch.jpg">
</div>
<script language="javascript">

var p=$('#karusellmasterrahmen').responsiveSlides({

// list of images url if the container is empty
img:[
"100_0559-1.jpg",
"2020_550218fde8b.jpg",
"rolladeninnen2.jpg"
"vitaclassica3.jpg"
"Whirlwanne_Eckbadewanne_Villeroy_Boch.jpg"
],
height:450, // slides conteiner height
background:'#FFF', // background color and color of overlayer to fadeout on init
autoStart:true, // boolean autostart
startDelay:0, // start whit delay
effectInterval:5000, // time to swap photo
effectTransition:1000, // time effect
pagination:[
{
active:true, // activate pagination
inner:true, // pagination inside or aouside slides conteiner
position:'B_C', // pagination align:
// T_L = top left
// T_C = top center
// T_R = top right
// B_L = bottom left
// B_C = bottom center
// B_R = bottom right
margin:10, // pagination margin
dotStyle:'', // dot pagination class style
dotStyleHover:'', // dot pagination class hover style
dotStyleDisable:''// dot pagination class disable style
}]
 });
</script>
<!-- BODY Von NetObjects Fusion 2013 generierte BODY Parameter -->
>
</BODY>
</HTML>

achja nochmal nebenbei bemerkt,- ich hab keine Ahnung von htmlscripten. ich bin ein totaler Laie 

[nettesekel]

Ne, ich glaube, so wird das nix.

Wir machen das mal Schritt für Schritt. Binde als erstes mal die 3 Scripte
jquery-1.9.1.min.js
jquery.responsiveSlides.js
jquery.onImagesLoad.min.js

und die Bilder die in den Slider sollen als Assets in dein Projekt ein.

Wenn du nicht weißt, wie das geht, findest du hier eine Anleitung: http://www.nof-academy.de/Zusaetzliche%20Assets%20in%20NOF%20einbinden/

Dann müsstest du mir als Nächstes mal sagen, welche HTML-Ausgabe du eingestellt hast und nach welcher Struktur du publizierst. Oder aber du schiebst das Ganze mal in ein Testverzeichnis auf deinem Server und postest den Link. (wäre vorteilhaft)

[nettesekel]

Ach sorry, hatte den Screenshot übersehen, die Scripts sind ja schon eingebunden...

Ich habe die Scripts gerade mal auf "deine Weise" eingebunden, das haut bei mir allerdings nicht hin. NOF zeigt mir dort gar nicht alles js-Dateien an, die in Verwendung sind und deshalb spucken die mir auch in die Suppe.

Also am besten schmeißt du die Scripts dort mal wieder raus und bindest sie nach der oben verlinkten Anleitung in das Projekt ein. Vielleicht legst du auch besser nochmal ein neues Testprojekt an, dann musst du keine Fehler ausbügeln.

Hier mal ein link zu meinem Versuch... https://www.nof-community.de/Beispielprojekte/fullwidthslider/index.html

[flinn]

hallo schonwieder

also es funktioniert nicht. vlt hat mein nof013 auch sonstige probleme bei der darstellung/verarbeitung.

jetzt bekomm ich (nach etlichen versuchen) nicht mal mehr ein normales karussell im masterrahmen hin
es zeigt mir nur 1 bild von 10 an :(
hab die site dennoch ins internet gestellt. vlt mag mal jemand schauen und kann mir weiterhelfen und tipps geben 
www.herzog-schwimmbaeder.de

da funktioniert es zum glück noch im layout:
http://www.herzog-schwimmbaeder.de/Schwimmbad/Freibader/Bausatzbecken/bausatzbecken.html

ich wünsche schonmal einen guten rutsch ins neue jahr

[nettesekel]

Wir hatten ja auch noch nicht mal Schritt 1 gemeinsam erarbeitet. Da kann ja auch nichts funktionieren. 

[flinn]

  huhu und sorry, dass ich mich nicht gemeldet hatte. 
 ich bin jetzt wieder aufnahmefähig für den start des neuen projektes.  (weil das alte erstmal an den start musste)

für das Karussell auf die ganze breite, binde ich also die
jquery-1.9.1.min.js
jquery.responsiveSlides.js
jquery.onImagesLoad.min.js
in den "masterrahmen" als "application/javascript" ein?