mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 05:32 Benutzername: Passwort: Auto-Login

Thema: Jquery-Cycle-Kommandos auf Bild vom 03.07.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Jquery-Cycle-Kommandos auf Bild
Autor Nachricht
normaldenker
Threadersteller

Dabei seit: 25.02.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 03.07.2013 09:44
Titel

Jquery-Cycle-Kommandos auf Bild

 Antworten mit Zitat Zum Seitenanfang
Hallo Kollegen,

ich darf einen virtuellen Komik programmieren und habe ein Problem mit der Navigation der Bilder.
Hier ist ein Teil meines Codes:

Code:
<script type="text/javascript">
$(function() {

    $('#storyboard').cycle({
        fx:      'fade',
      speed:   'slow',
        timeout:  0,
        prev:    '#prev',
        next:    '#next',
        pager:   '#nav',
        pagerAnchorBuilder: pagerFactory
    });

    function pagerFactory(idx, slide) {
        var s = idx > 2 ? ' style="display:none"' : '';
        return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
    };
   
});

</script>
</head>
<body>
<div class="gridContainer clearfix">
 <div id="Bild1" class="fluid"><img src="story/bildschirm.png"></div>
   <div id="storyboard" class="fluid ">
   <img id="storyboardpics" src="story/2.png" />
  </div> <!-- storyboard -->

   <div style="text-align:center;margin:auto;width:300px">
        <a href="#"><span id="prev">Prev</span></a>
        <a href="#"><span id="next">Next</span></a>

    </div>
</div>



Die Navigations-Buttons werden ausserhalb des eigentlichen Storyboards angezeigt, sind klickbar und bewegen auch die Bilder. Mein Problem ist: Wie bringe ich die Prev/Next-Navigation auf das Bild "bildschirm.png"? Und noch dazu muss der Gimmick responsive funktionieren (die Responsive-Basis ist schon vorhanden).

Vielleicht hat ja jemand eine Idee. Bin schon am Verzweifeln.

Danke
egon
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Mi 03.07.2013 10:06
Titel

Antworten mit Zitat Zum Seitenanfang
Ich vermute du nutzt das jQuery Cycle Plugin?
Mittlerweile gibt es Cycle2 welches auch responsive und für mobile Geräte ausgelegt ist. Auch sind Anpassungen flexibler und einfacher zu realisieren.

Evtl. löst der Umstieg mit den damit verbundenen erweiterten Möglichkeiten ja schon deine Probleme.

Gruß
Karl
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen jquery Cycle in Kombination mit litebox
jQuery - color cycle animation with hsv colorspace?
jQuery Cycle Gallerie auf allen Seiten
[jQuery Cycle] Slideshow in Slideshow wechseln zusammen
jQuery: Ein Bild rotieren und animieren
Tabellenhintergrund & Cycle Values
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB