Welche Technologie?

[Lynn]

Salü Zusammen

Ich möchte eine Webseite erstellen und hab eine Idee, jedoch weiss ich nicht mit was ich die am besten realisiere.

Ich möchte ein Bild, bei dem wen ich zBsp. den linken teil klicke, der rest nach rechts verschwindet und kleiner wird, und wen ich rechts klicke, alles nach links verschiebt und kleiner wird.

Ist das irgendwie verständlich?

Auf jedenfall überleg ich mir nun wie ich das am besten realisier und mit welcher technik...bin dankbar um jeden Hinweis oder jede Idee.

grüsse lynn

[Psai]

Hallo,

nun, leider ist es nicht ganz verständlich. Was ich bisher im Kopf habe:
Du klickst links, etwas wird kleiner. Du klickst rechts, etwas verschiebt sich nach links und wird kleiner. Irgendwann ist es dann so klein, dass mans nicht mehr sieht.

Ein klein wenig genauer wäre nicht schlecht

Gruß,
Andy

[ThatMSG]

Würde mir mal CSS3 Animationstechnologie anschauen. Auf http://css3.bradshawenterprises.com/ ganz unten findest du alles was du wissen musst. Ob du es dann via java scrpt und onclick oder mit css via hover machst bleibt dir überlassen. Ich hoffe ich konnte dir weiter helfen.

MfG ThatMSG

[Lynn]

Also ich versuchs mit einem Beispiel, ich habe eine Hand, man klickt links auf den Daumen, dann wird die ganze Hand bis auf den Daumen kleiner und verschiebt sich nach rechts. klingt man dann auf den kleinen finger links, bleibt die hand an sich gleich, der daumen wird klein und der kleine finger wie vorher der Daumen und alles verschiebt sich nach links...
Es wird also nicht immer kleiner und kleiner sondern es gibt nur 2 grössenstufen, gross ist das jeweilg geklickte und klein der rest.

Nun besser?

danke schonmal

[ThatMSG]

Ja dann würde ich, wie ich schon sagte es mit CSS3 machen. Den Link habe ich ja schon geposted.

[Guillermo]

Hi Lynn,

wie waere es mit einer Skizze der zwei verschiedenen Stufen ?

Viele Grüße,
Guillermo

[Lynn]

Also ich versuchs nun mit bildlicher darstellung:

Bild eins ausgangslage: hand in der Mitte und gross

nach klick auf den kleinen finger
Bild zwei: hat sich die hand bis auf den kleinen finger verkleinert und ein wenig nach rechts verschoben, im linken freien teil wären dann der content

nach klick auf daumen
Bild drei: verschiebt sich die hand nach links, der daumen wird wieder grösser und der kleine finger klein

und bei klick auf die handfläche würde man wieder die ausgangslage erhalten....

[Lynn]

Morgen, ist es mit den Bildern nun verständlicher für die die gefragt haben? Habt ihr noch eine andere Idee als das was bis jetzt gesagt wurde?
Darf ich mit konkreten Fragen auf euch zurückkommen?

Grüessli Lynn

[Ingo]

Logisch, Fragen sind kein Problem (nur die Antworten^^); es ist ein etwas ungewöhnliches Vorhaben,
aber darin liegt ja nun wiederum auch der Reiz. Die Bewegung an sich kann ich mir vorstellen.
Interessieren würde mich noch Übergang zwischen großem Finger und kleiner Hand.

[Lynn]

Salü Ingo

Ja das ist jadann abhängig von der Technologie, was möglich ist.

Was ich mir vorstellen könnte ist, das das eine verdunkelt und verschwindet und das andere taucht auf...
Klar schöner wäre, wen sich die hand verkleinern und sich verschieben würde, aber eben ich hab keine Ahnung ob das möglich ist und wie...

[Lynn]

Oder wäre es machbar, wie hier:

http://demo.marcofolio.net/slick_jquery ... fault.html

das der teil der hand nicht kleiner sondern halt inaktiv wird...

[Ingo]

Hm, ich werf einfach mal einen groben Vorschlag in die Runde. Ich nutze hier JS; CSS3 geht vermutlich
auch (je nach Details). Beim Übergang zwischen Finger/Daumen und Hand könnte man die opacity
auslaufen lassen. Dann noch onclick die opacity-Änderungen animieren - so in diese Richtung gedacht.

[templater1]

Ich glaube, dafür dient Flash. Wie hier z. B. Photography Dynamic Gallery Flash Template. Und hier IQ Business Flash Template.

[Lynn]

Vielen Dank für die Hinweise, werd mich da mal durchprobieren...