- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
Easy Slider
November 15, 2010
Es ist ein Slider Script mit dem Easy Slider 1.7 Plugin (drücken Sie auf dem Link, um mehr über dieses Plugin zu erhalten).
JavaScript
Damit das Script funktioniert muss die index-#.html Datei mit einem Slider diese Zeile des HTML-Codes haben:
Der <head> Bereich der index-#.html Datei hat diese Zeile des Codes, die Script-Funktionalität mit Grundwerten initialisieren:
Diese Script-Attributen definieren die fongende Werten:
• #slider – das ID vom Script Container (das ID vom Tag Container ist <div>);
• continuous: true – wenn es auf true steht, verändert sich den Slider dauerhaft;
• pause: 4000 – die Pause zwischen dem Scrollen
HTML
Für diesen Slide platzieren Sie eine Liste den Sliders im <div> Tag mit der .slider Klasse.
Unten ist es die Darstellung den HTML-Script:
Jedes List-Element (<li> Tag) representiert einen Slider. Um Slider-Elementen anzupassen, ändern Sie die Bilder unten <li> Tags.
CSS
Der stylesheet Script befindet sich in der style.css Hauptdatei. Bearbeiten Sie die folgenden Styles: