Supersized jQuery Plugin

zwoemti -

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

Sie besitzen nicht die notwendigen Rechte, um Dateien dieses Eintrags herunterladen zu können. Möglicherweise müssen Sie sich zunächst anmelden.
Hier nun extra ein paar Hilfs Projekte mit Supersized.

Bilder sind durch eigene zu ersetzen wie angegeben!

Schritt 4 > Seo und...... > erweitert - Dort steht der Verweis zu den Bildern und weitere Einstellungen.

Soll auf jeder Seite eine andere Show laufen dann den kompletten Bereich
unter Eigenschaften jeder Seite einfügen und diesen dort unter Schritt 4
entfernen.

Die Seite Dateianhang enthält alle Dateien die zum Betrieb von Supersized benötigt werden.

Testseite ist hier zu finden

testseiten.unofficialwsx5.de/supersized_v2


Erstellt mit dem Plugin von github.com/buildinternet/supersized

Lizenzen bitte dort nachlesen!

P.S. das Menü selbst ist auf unsichtbar gestellt - Schritt 2 auf Menü klicken.
_____________________________________

Nachtrag:

Falls jemand noch eine Navigation oder ähnliches einbauen will kann das auch machen. Dazu habe ich V3 erstellt.

Dort ist noch Quelltext hinzugekommen.

Auch hier noch eine Auflistung der möglichen Optionen:

Quellcode

  1. //Functionality
  2. slideshow : 1, //Slideshow on/off
  3. autoplay : 1, //Slideshow starts playing automatically
  4. start_slide : 1, //Start slide (0 is random)
  5. slide_interval : 3000, //Length between transitions
  6. transition : 1, //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
  7. transition_speed : 500, //Speed of transition
  8. new_window : 1, //Image links open in new window/tab
  9. pause_hover : 0, //Pause slideshow on hover
  10. keyboard_nav : 1, //Keyboard navigation on/off
  11. performance : 1, //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
  12. image_protect : 1, //Disables image dragging and right click with Javascript
  13. image_path : 'img/', //Default image path
  14. //Size & Position
  15. min_width : 0, //Min width allowed (in pixels)
  16. min_height : 0, //Min height allowed (in pixels)
  17. vertical_center : 1, //Vertically center background
  18. horizontal_center : 1, //Horizontally center background
  19. fit_portrait : 1, //Portrait images will not exceed browser height
  20. fit_landscape : 0, //Landscape images will not exceed browser width
  21. //Components
  22. navigation : 1, //Slideshow controls on/off
  23. thumbnail_navigation : 1, //Thumbnail navigation
  24. slide_counter : 1, //Display slide numbers
  25. slide_captions : 1, //Slide caption (Pull from "title" in slides array)
Alles anzeigen


Hier die Testseite für V3.

V3 ist nur eine Schnellerstellung es können durchaus ein paar Sachen fehlerhaft sein.
  • 09-02-2015 18-36-51.png

    1,58 MB, 1.185×912