Iframe grösse per Link - smooth-voll ändern

[annamartina]

Hallo,

ich kann die grösse eines Iframes zwar per onclick="" Funktion ändern, würde aber die Ausführung gerne smooth-voll ( mit integriertem qjery script ) ausführen ...

danke für jeden Hinweis.

 

[Banana_Jones]

Entweder: $.animate
oder: CSS-Transitions (Beispiel: http://css3.bradshawenterprises.com/animating_height/ )

 

[annamartina]

Entweder: $.animate
oder: CSS-Transitions (Beispiel: http://css3.bradshawenterprises.com/animating_height/ )

danke .... muss ich ausprobieren.

 

[annamartina]

Entweder: $.animate

... funktioniert, danke ...:)

ich hätte dazu aber noch eine erweiterte Frage:
in dem script das ich verwende -

 <script type="text/javascript">
$( "#Max1" ).click(function() {
$( "#Iframe1" )
.animate({
width: "1006px",
}, {
queue: true,
duration: 1
})
.animate({ minHeight: "3200px" }, 1200 );
});

$( "#Min1" ).click(function() {
$( "#Iframe1" )
.animate({
higth: "0px",
}, {
queue: true,
duration: 0
})
.animate({ minHeight: "0px" }, 900 );
});
</script>

vergrössere ich Iframe1 per Button Max1 und verkleinere es wieder mit Button Min1.
Ist es auch möglich dem Button Min1 (bei click) noch eine zweite Aufgabe hinzuzufügen die gleichzeitig auch ein Iframe2 verkleinert?

 

[Sempervivum]

Natürlich, Du kannst einfach eine zweite Anweisung in der Funktion hinzufügen:

$( "#Min1" ).click(function() {
    $( "#Iframe1" )
        .animate({heigth: "0px"}, {queue: true, duration: 0})
        .animate({ minHeight: "0px" }, 900 );
    $("#iframe2").animate( //usw.
});

BTW1: Du solltest dir angewöhnen, deinen Code sinnvoll einzurücken, um die Lesbarkeit zu verbessern.
BTW2: Die vielen Zeilenumbrüche verschlechtern dagegen IMO die Lesbarkeit.

 

[annamartina]

Natürlich, Du kannst einfach eine zweite Anweisung in der Funktion hinzufügen:

$( "#Min1" ).click(function() {
    $( "#Iframe1" )
        .animate({heigth: "0px"}, {queue: true, duration: 0})
        .animate({ minHeight: "0px" }, 900 );
    $("#iframe2").animate( //usw.
});

.

vielen herzlichen Dank.:)
und

BTW1: Du solltest dir angewöhnen, deinen Code sinnvoll einzurücken, um die Lesbarkeit zu verbessern.
BTW2: Die vielen Zeilenumbrüche verschlechtern dagegen IMO die Lesbarkeit.

... will ich mich gerne daran halten, (habe schon einen Javascript Editor gesucht der mir hilft Ordnung in die Scripte zu bringen und auch eine falsche Zeichensetzung anzeigt ... habe aber noch nichts gefunden)

 

[Sempervivum]

habe schon einen Javascript Editor gesucht

Selber benutze ich seit einiger Zeit Microsoft Webmatrix, der kann sowohl HTML als auch Javascript automatisch einrücken und hat noch andere Vorteile: Fehler werden direkt bei der Eingabe angezeigt und beim Drüberfahren gibt es eine ausführliche Fehlerbeschreibung. Sehr zu empfehlen und für mich der beste Quellcode-Editor, den ich gefunden habe.

 

[annamartina]

Selber benutze ich seit einiger Zeit Microsoft Webmatrix

... danke ... :).