https://github.com/psi-4ward/juiceslider

Contao-Extension: Horizontal fan slider
https://github.com/psi-4ward/juiceslider

Last synced: 22 days ago
JSON representation

Contao-Extension: Horizontal fan slider

• Host: GitHub
• URL: https://github.com/psi-4ward/juiceslider
• Owner: psi-4ward
• Created: 2012-07-09T10:10:00.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-08-02T07:57:56.000Z (over 12 years ago)
• Last Synced: 2024-12-09T08:46:52.616Z (25 days ago)
• Language: PHP
• Size: 118 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
JuiceSlider

===========

Contao-Erweiterung zur Erstellung eines horizontalen Sliders auf Mootools-Basis.

Verwendung

------------

Die Erweiterung stellt zwei neue Inhaltselemente ***JuiceSlider Start*** und ***JuiceSlider End*** bereit,

alle Inhaltselemente zwischen diesen Beiden werden im Slider dargestellt.

Konfigurationsoptionen des Start-Elements

* Breite, Höhe des Sliders

* Effekt-Transition

* Dauer des Effekts

* Breite der geschlossenen Elemente

* Initial expandierendes Element

Styling

---------

```html



  


  	


    
...

  

  


  	


    
...

  

  


  	


    
...

  

  


  	


    
...

  



```


Zusätzlich bekommt jedes `div.juiceSliderItem` die Klasse `hover` beim Überfahren mit der Maus,

sowie die Klasse `active`, falls das Element expandiert ist.

CSS-Basics

----------

```

.juiceSliderItem {background-color:#FFF;border-left:3px solid #F0F;}

.juiceSliderItem.hover {background-color:#defae5;}

.juiceSliderItem.active {background-color:#dee4fa;}

/* if you use togglers */

.juiceSliderToggler {cursor:pointer;background-color:d96808#;}

```

Contact, Licence

----------------

Lizenz: LGPL

Entwickler: Christoph Wiechert, [4ward.media](http://www.4wardmedia.de)