FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: jssor Slider mit responsive Design aber ohne skalierende But vom 27.06.2015

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> jssor Slider mit responsive Design aber ohne skalierende But

Autor

Nachricht

bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich

Verfasst Sa 27.06.2015 17:35
Titel

jssor Slider mit responsive Design aber ohne skalierende But

Hallo,

ich habe gerade auf meiner Seite den jssor Slider eingebunden und diesen dann responsive gemacht. Nur leider werden bei dieser Einstellung die Buttons mit skaliert was natürlich suboptimal aussieht.

Hat einer von euch ein Lösung wie man die Buttons auf der gleichen größe lassen kann?

Hier kurz der Code wie das responsive Design eingestellt wird und ein Link zu der Seite.

Danke

Code:

var jssor_slider1 = new $JssorSlider$("slider1_container", options);

//responsive code begin
   //you can remove responsive code if you don't want the slider scales
   //while window resizes
   function ScaleSlider() {
   var parentWidth = $('#slider1_container').parent().width();
   if (parentWidth) {
   jssor_slider1.$ScaleWidth(parentWidth);
   }
   else
   window.setTimeout(ScaleSlider, 30);
   }
   //Scale slider after document ready
   ScaleSlider();

   //Scale slider while window load/resize/orientationchange.
   $(window).bind("load", ScaleSlider);
   $(window).bind("resize", ScaleSlider);
   $(window).bind("orientationchange", ScaleSlider);
   //responsive code end
}

Link zur Demo Seite


	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.