Easyslider 1.7 Hilfe - alle Inhalte Anzeige auf Seite laden
-
26-09-2019 - |
Frage
Einfacher Slider 1.7 mit jQuery auf einer Seite von mir Bei der Umsetzung finde ich, dass, wenn die Seite geladen wird, beiden Bilder im ul
Slider-Display und dann den Schieber Lasten richtig und nur die erste Folie angezeigt wird.
Was ist der beste Weg, dies so zu korrigieren, dass der Schieber div
nicht angezeigt, bis das Skript ordnungsgemäß geladen ist? Ich bin mit diesem Code, um sie auszuführen:
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
pause: 10000
});
});
Lösung
Sie können nur den Inhalt via CSS verstecken, wie folgt aus:
#slider { display: none; }
zeigen Sie es dann auf Seite laden auch:
$(document).ready(function(){
$("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});
Um sicher zu sein ich einen Block auf die Seite für nicht-JS Benutzer hinzufügen würde, könnte ein Stylesheet innerhalb sein, wenn Sie eine Menge von diesen haben, sonst nur ein Stil-Tag:
<noscript><style type="text/css">#slider { display: block; }</style></noscript>
Andere Tipps
Ich habe den Code unten zu meinem CSS die Bilder von sich zu verstecken werden gestapelt.
/*Added to hide stacking of images on IE 7/8*/
#slider{
height:227px;
overflow:hidden;
}