[JavaScript] jQuery div Layer erweitern

Dieses Thema im Forum "Webentwicklung" wurde erstellt von °EraZoR°, 12. Juni 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 12. Juni 2009
    jQuery div Layer erweitern

    Hey,
    also folgendes..

    Ich habe eine Player, den ich in nen DIV-Layer packe..
    Der Player ist bloß leider sehr groß und das sieht extrem aus..

    Nun habe ich mir gedacht, dass man doch sicher ein jQuery Event nehmen kann, dass diesen Layer erweitert..
    Wenn die Maus nicht drüber ist, dann soll nur der obere Teil angezeigt werden.. sagen wir 50px hoch.. und wenn die Maus drüber ist, dann soll der erweiterte werden, sodass man auch die Playlist sieht.. Sagen wir auf 250px oder so..

    Das Ding ist bloß, dass ich mich mit jQuery und JavaScript allgemein nicht sehr gut auskenne..

    Vllt kann mir ja jmd helfen (Murdoc anblinzel )

    MfG
     
  3. 12. Juni 2009
    AW: jQuery div Layer erweitern

    Hm, so würde es gehen mit dem DIV:

    HTML:
    <script language="javascript">
$(document).ready(function(){
 $("#hover").hover(
 function () {
 $(this).height(250) /*Beim hovern vergrößern auf 250*/
 },
 function () {
 $(this).height(50) /*Beim verlassen verkleinern auf 50*/
 }
 );
});
</script>
<div style="background-color:#00F; width:50px; height:50px;" id="hover">hover</div>
    Ich weiß nur nicht, ob das mit dem Flash player funktioniert, ob das richtig angezeigt wird.
     
  4. 12. Juni 2009
    AW: jQuery div Layer erweitern

    Yoa vielen Dank...
    Ich probiers gleich mal

    //EDIT:
    Okay das funzt schonma..
    Geht das auch, dass es langsam geht..
    Also nicht abrupt, sondern wie ne art slideshow ?

    //EDIT2:
    Hmm ..
    Ich bekomm den Player da nit rein
     
  5. 12. Juni 2009
    AW: jQuery div Layer erweitern

    Sry, nicht gesehen, das du es editiert hast. hätte sonst früher geantwortet.

    also so gehts: ^^

    HTML:
    <script language="javascript">
$(document).ready(function(){

$("#hover").hover(
 function () {
 $(this).animate( { height:"250px"}, 1000 )
 },
 function () {
 $(this).animate( { height:"50px"}, 1000 )
 }
);
 });

</script>
    die 1000 steht für die millisekunden.

    Probiere es mal durch!


    EDIT:

    Was hast du denn da für einen player? würde das mal gerne hier am rechner ausprobieren, den einzubinden.
     
  6. 13. Juni 2009
    AW: jQuery div Layer erweitern

    Hab den hier:
    MixPod - Music Playlist
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.