Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Slider mit jQuery Cycle Plugin um Texteinblendung erweitern“

lachender_engel

Aktives Mitglied

Hallo, Zusammen.

Ich brauche kurz einen Rat, da ich nicht weiß, wie ich vorgehen kann/soll.
Es geht um den Einsatz eines Sliders mit jQuery. Ich verwende dazu cycle und binde das Skript so ein:
HTML:
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('#slider').cycle({ 
        fx:     'fade', 
        prev:   '#prev-slide', 
        next:   '#next-slide', 
        timeout:6000
    });
});
</script>
Der Aufruf erfolgt später so:
PHP:
                <div id="slider">
                    <img src="images/content/slide1.jpg" alt=""/>
                    <img src="images/content/slide2.jpg" alt=""/>
                    <img src="images/content/slide3.jpg" alt=""/>
                    <img src="images/content/slide4.jpg" alt=""/>
                    <img src="images/content/slide5.jpg" alt=""/>
                </div><!-- end #slider -->
Das klappt auch alles und sieht schick aus.
Nun möchte ich gerne auf dem angezeigten Bild noch einen Text hinzufügen bzw. diesen drüber legen.
Ich bin mir nicht sicher, ob das von mir gewählte Plugin das kann.
Dazu habe ich auch diese Webseite befragt: http://jquery.malsup.com/cycle/
aber nichts gefunden.
Ist es eventuell möglich mit jQuery im Allgemeinen noch einen Text drüber zu legen?
Ich frage, bevor ich das Rad neu erfinde bzw. bevor ich mir die Arbeit machen muss einen neuen Slider einzubauen.

Danke vorab für die Hilfe!
 

Myhar

Hat es drauf

AW: Slider mit jQuery Cycle Plugin um Texteinblendung erweitern

Ich habe es nicht ausprobiert, aber auf der HP steht folgendes:
The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide".

Da steht nicht, dass die Kindelemente Bilder sein müssen. Erstelle einfach ein div als Kindelement und dort kannst du dann deinen Slide gestalten wie du willst. Funktioniert das?
 

Duddle

Posting-Frequenz: 14µHz

AW: Slider mit jQuery Cycle Plugin um Texteinblendung erweitern

Hab das gerade mal ausprobiert und es funktioniert genau so wie es beschrieben wird. Wenn eines der Kindelemente ein div ist, wird das ebenso eingeblendet.


Duddle
 

lachender_engel

Aktives Mitglied

AW: Slider mit jQuery Cycle Plugin um Texteinblendung erweitern

Danke, Ihr Beiden! Das war der entscheidende Hinweis ;-) Das klappt super, mit dem Kindelement.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben