Antworten auf deine Fragen:
Neues Thema erstellen

mootools fx.slide bei Seitenaufruf ausgeblendet?

laemmen

Maissalat

Moooin, ich habe fx.slide auf einer html-Seite integriert. Funktioniert alles wunderbar, nur nicht so wie ich es gerne hätte. Ich kann Texte ein- und ausblenden, möchte aber, dass der Text erst beim klicken auf einen Link erscheint. Standardmäßig wird dieser ja angezeigt. Jetzt habe ich im Internet gelesen, dass man einfach "display:none;" in die css schreiben soll, so ginge das auch bei jquery.
Dies habe ich jetzt auch getan, der Text ist beim Seitenaufruf auch ausgeblendet, aber wenn ich auch "einblenden" klicke, passiert nichts.
Was mache ich falsch?

Code:
<div class="marginbottom">
        <a id="v_slideout" href="#">ausblenden</a>
        
        <a id="v_slidein" href="#">einblenden</a>
        
        <a id="v_toggle" href="#">toggle</a>

        
    </div>
    <div id="vertical_slide">
        teeeeext
    </div>
in der dazugehörigen css:

Code:
#vertical_slide {
    display:none;
}
Gruß Dennis
 

laemmen

Maissalat

AW: mootools fx.slide bei Seitenaufruf ausgeblendet?

Zeig mal dein Script dazu

das normale mootools.js + fx.slide.js.


fx.slide.js:
Code:
window.addEvent('domready', function() {
    var status = {
        'true': 'open',
        'false': 'close'
    };
    
    //-vertical

    var myVerticalSlide = new Fx.Slide('vertical_slide');

    $('v_slidein').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.slideIn();
    });

    $('v_slideout').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.slideOut();
    });

    $('v_toggle').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.toggle();
    });

    $('v_hide').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.hide();
        $('vertical_status').set('html', status[myVerticalSlide.open]);
    });
    
    $('v_show').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.show();
        $('vertical_status').set('html', status[myVerticalSlide.open]);
    });
    
    // When Vertical Slide ends its transition, we check for its status
    // note that complete will not affect 'hide' and 'show' methods
    myVerticalSlide.addEvent('complete', function() {
        $('vertical_status').set('html', status[myVerticalSlide.open]);
    });

});
 

cebito

undefined

AW: mootools fx.slide bei Seitenaufruf ausgeblendet?

Definier mal so:
HTML:
var myVerticalSlide = new Fx.Slide('vertical_slide').hide();

und display:none aus der css raus...
 
F

fragender

Guest

AW: mootools fx.slide bei Seitenaufruf ausgeblendet?

vielleicht hast du ja auch noch einen tipp, wie ich den slider nach einer bestimmten zeit (z.b. 5 sec nach aufruf der seite) einblenden lassen kann?
 

Christian

verpeilt & verschallert

AW: mootools fx.slide bei Seitenaufruf ausgeblendet?

vielleicht hast du ja auch noch einen tipp, wie ich den slider nach einer bestimmten zeit (z.b. 5 sec nach aufruf der seite) einblenden lassen kann?

Code:
<script>
var mySlide = new Fx.Slide('myElement');

$(window).addEvent('load', function(){ mySlide.show.delay(5000); });
 
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

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.633
Beiträge
1.538.446
Mitglieder
67.555
Neuestes Mitglied
scheflo
Oben