Maja: dynamische imagemaps - überblendeffekt (flashähnlich)

ein großes hallo...

nach stundenlangem recherchieren und dem comment "trivial ist das nicht" meine frage zur technnischen realisiserung meines problems:

habe vor als einstieg zu einer webseite (div height:300, widht:600)
imagemaps einzusetzen.
Diese sollen ähnlich wie bei einem flashvideo nach nach rechts laufen bzw soll dann links die neue imagemap auftauchen also die erste map abgeschnitten werden. Es sollen 3-4 imagemaps werden und die Rotation / Animation soll endlos bzw bei onMousMove starten und bei OnMouseOut stoppen...

toll wäre zusätzlich unterschiedliches bewegungsverhalten d.h. langsamere und schnellere Bewegung je nachdem wo auf der map sich der user mit der Maus befindet..

wichtig und grundlegend ist aber erstmal der realistische überblendeffekt...

kann mir da irgendjemand weiterhelfen...hab ich mich verständlich genug ausgedrückt?

bei den imagemaps handelt es sich um jpegs die onload gechached werden sollen...

  1. Diese sollen ähnlich wie bei einem flashvideo nach nach rechts laufen bzw soll dann links die neue imagemap auftauchen also die erste map abgeschnitten werden.

    wichtig und grundlegend ist aber erstmal der realistische überblendeffekt...

    Du hast leider vergessen, zu erwähnen, wo da was ineinander übergeblendet werden soll, und so ganz verstanden habe ich auch nicht, was das alles mit einem Videofilm zu tun haben soll. Nichtsdestotrotz denke ich, dass Du bei den Scriptaculous fündig wirst.

    1. Diese sollen ähnlich wie bei einem flashvideo nach nach rechts laufen bzw soll dann links die neue imagemap auftauchen also die erste map abgeschnitten werden.

      wichtig und grundlegend ist aber erstmal der realistische überblendeffekt...

      Du hast leider vergessen, zu erwähnen, wo da was ineinander übergeblendet werden soll, und so ganz verstanden habe ich auch nicht, was das alles mit einem Videofilm zu tun haben soll. Nichtsdestotrotz denke ich, dass Du bei den Scriptaculous fündig wirst.

      ...also das mit dem videoähnlich war nur ein Beispiel...die imagemaps sollen kontinuierlich bei mouseover in dem entsprechenden contentdiv nach rechts laufen (ohne scrollbar) und bei mouseout einfach so stoppen...
      es soll halt wie ein filmchen aussehen, da es sich auch um "landschafts-kunstwerke" handelt ;)

      ein ansatz war per clip die darstellung der jeweiligen imagemap-divs abzuschneiden aber so funzt das nich...

      bin echt langsam am verzweifel...denn will kein flash!!!...und bin leider zu unerfahren was js betrifft, sodass dieses prob für mich trivial wäre...

      1. @hannes: also dat hilft mir och net wirklich weiter...

        ich will ja nicht das ganze div überblenden sondern die maps wie ein filmchen ablaufen lassen...

        bei gucci ist zwar ein ähnlicher effect hier sind aber die bilder mal wieder keine maps... ;(

        hat nich irgendwer was hilfreicheres for me?...meine frustrationstoleranz sinkt kontinuierlich seit freitag ;/

  2. Hallo,

    nach stundenlangem recherchieren und dem comment "trivial ist das nicht" meine frage zur technnischen realisiserung meines problems: ...

    ... das hört sich doch gar nicht so kompliziert an. Am besten baust du dir erstmal das HTML zusammen.

      
    <div id="blende">  
    <div id="bildleiste>  
    <img src="bild1.jpg">..2 .. 3 .. 4..<img src="bild5.jpg">  
    </div>  
    </div>  
    
    

    wenn die Blende mit fester Breite, Höhe und http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=css/eigenschaften/positionierung.htm#overflow definiert wird, ist nur der Ausschnitt zu sehen

    jetzt soll die Bildleiste unter der Blende durchgeschoben werden.

    dazu lässt sich der margin-left oder -right der Bildleiste verändern. http://de.selfhtml.org/javascript/objekte/style.htm@title=javascript/objekte/style.htm

    entspricht das so deiner Vorstellung? Dann mach doch einfach eine Testseite, die du dann nach und nach mit mehr Funktionalität ausstatten kannst.

    Gruß plan_B

    --
         *®*´¯`·.¸¸.·