mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 10:13 Benutzername: Passwort: Auto-Login

Thema: jCarouselLite Erweiterung vom 06.12.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jCarouselLite Erweiterung
Autor Nachricht
Fuzy
Threadersteller

Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht: Männlich
Verfasst So 06.12.2009 20:46
Titel

jCarouselLite Erweiterung

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen

ich benötige mal eure Unterstützung bei dem jCarouselLite-Script:

Ich möchte zu den Standard-Funktionen gern die auto-scroll-Funktion hinzufügen.

Hier das Script:
Code:
   <script type="text/javascript">
      $(function() {
          $(".slider").jCarouselLite({
              btnNext: ".next",
              btnPrev: ".prev",
              visible: 5
          });
      });

      $(document).ready(function(){
         $('img.captify').captify({
            // all of these options are... optional
            // ---
            // speed of the mouseover effect
            speedOver: 'fast',
            // speed of the mouseout effect
            speedOut: 'normal',
            // how long to delay the hiding of the caption after mouseout (ms)
            hideDelay: 500,   
            // 'fade', 'slide', 'always-on'
            animation: 'slide',      
            // text/html to be placed at the beginning of every caption
            prefix: '',      
            // opacity of the caption on mouse over
            opacity: '0.7',               
            // the name of the CSS class to apply to the caption box
            className: 'caption-bottom',   
            // position of the caption (top or bottom)
            position: 'bottom',
            // caption span % of the image
            spanWidth: '100%'
         });
      });

   </script>


Hier die Erweiterung:
Code:
$(".auto .jCarouselLite").jCarouselLite({
    auto: 800,
    speed: 1000
});


der Link dazu: Link

Fuz


Zuletzt bearbeitet von Fuzy am So 06.12.2009 20:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst So 06.12.2009 22:24
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
     
   $(function() {
          $(".slider").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev",
            auto: 800,
            visible: 5
          });
         $('img.captify').captify({
            speedOver: 'fast',
            speedOut: 'normal',
            hideDelay: 500,   
            animation: 'slide',     
            prefix: '',     
            opacity: '0.7',               
            className: 'caption-bottom',   
            position: 'bottom',
            spanWidth: '100%'
         });       
    });


Zuletzt bearbeitet von sahnemuh am So 06.12.2009 22:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Fuzy
Threadersteller

Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht: Männlich
Verfasst So 06.12.2009 22:40
Titel

Antworten mit Zitat Zum Seitenanfang

thanx;-)
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Suche] Lightbox Erweiterung - Bildlaufleiste
(JQuery) Erweiterung des Horizontal Slider
Dreamweaver-Erweiterung Linkrahmen unterdrücken
Suche Flashentwickler für Erweiterung dervorhandene Webseite
Mambo/Joomla-Erweiterung gesucht: Location Guide
Problem html 5 Video Erweiterung Videojs und dessen API's
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.