An die Javascript Gurus : slide-effect wie bei iTMS

  1. danlo

    danlo Thread StarterMacUser Mitglied

    Mitglied seit:
    03.09.2005
    Beiträge:
    372
    Zustimmungen:
    0
    ich gestalte gerade eine neue seite, und bin auf der suche nach ner möglichkeit so etwas wie bild gezeigt zu realisieren.
    (zu finden auf der startpage des iTMS)
    ich würd mich auch über etwas weiterführende hilfe freuen, da ich nur über grundkenntnisse in javascript verfüge und sicherlich nicht "nur" mit dem source klarkommen würde.

    [​IMG]
     
    danlo, 25.11.2005
  2. pichfl

    pichflMacUser Mitglied

    Mitglied seit:
    03.08.2005
    Beiträge:
    134
    Zustimmungen:
    2
    hmm, das selbe javascript nutzt apple unter anderem auch für die gallery bei Aperture, einfach mal da in den quellcode schaun ;-)
     
    pichfl, 26.11.2005
  3. danlo

    danlo Thread StarterMacUser Mitglied

    Mitglied seit:
    03.09.2005
    Beiträge:
    372
    Zustimmungen:
    0
    Wie denn?
     
    danlo, 26.11.2005
  4. wegus

    wegusMacUser Mitglied

    Mitglied seit:
    13.09.2004
    Beiträge:
    14.982
    Zustimmungen:
    1.545
    Nur mal so am Rande:

    Java != Javascript
     
    wegus, 26.11.2005
  5. Jakob

    JakobMacUser Mitglied

    Mitglied seit:
    05.01.2004
    Beiträge:
    1.067
    Zustimmungen:
    21
    Ist ein Flash bei Aperture. Da siehst Du im Quelltext nix. Ich würde mir mal das Skript der scrollenden iPods auf der Startseite ansehen. Ist ja so ähnlich.
     
    Jakob, 26.11.2005
  6. danlo

    danlo Thread StarterMacUser Mitglied

    Mitglied seit:
    03.09.2005
    Beiträge:
    372
    Zustimmungen:
    0
    Da komm ich irgendwie nicht mit klar. Könnte mir jemand da etwas weiterhelfen?
     
    danlo, 26.11.2005
  7. pichfl

    pichflMacUser Mitglied

    Mitglied seit:
    03.08.2005
    Beiträge:
    134
    Zustimmungen:
    2
    öhm, sry.
    Ich hab dieses system irgendwo schonmal gesehen, hmmm.

    Ich schau auf alle Fälle nochmal, vielleicht find ich ja was.
     
    pichfl, 26.11.2005
  8. moses_78

    moses_78MacUser Mitglied

    Mitglied seit:
    08.04.2005
    Beiträge:
    1.264
    Zustimmungen:
    22
    in diesem buch gibts eine anleitung dazu, wie man vertikal den inhalt
    eines kleinen kastens scrollen kann.

    ich hatte mir das buch mal in der kölner stadtbibliothek ausgeliehen, weiss aber
    nicht mehr genau, wie das ging...ich meine, da war ein div-container, der absolut
    positioniert war, und zum scrollen verschoben wurde. damit man nur den bereich
    in der mitte sah, wurde der anzeigebereich mit clip:rect beschnitten...

    also wenns dir ernst ist, kauf dir das buch, ist auch sonst gut zum einstieg in
    javascript ;)
     
    moses_78, 26.11.2005
  9. ThaHammer

    ThaHammerMacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    Wo ist da das Problem? :D

    Ne es gibt eine Funktion um Elemente per JS zu verschieben. In einer Schleife kannste das Element dann wegschieben. Wenn das innerhalb z.B. eines Divs geschieht der keinen Überlauf gestattet müßte er das Bild abschneiden. Nebenbei schiebst Du das Zweite Bild an der anderen Seite mit rein.
     
    ThaHammer, 27.11.2005
  10. Hilarious

    HilariousMacUser Mitglied

    Mitglied seit:
    25.11.2004
    Beiträge:
    2.161
    Zustimmungen:
    5
    Eine nette Umsetzung in Form einer endlosen Verschiebung nach links findest Du derzeit auf http://www.apple.com/de. Derzeit wird per Zufall ermittelt, ob Du die iMac G5-Werbung oder die iPod-Anzeige siehst. Und dieses verschiebt sich, indem um die Bilder eine CSS-ID names "billboard" und darin eine CSS-ID mit der Bezeichnung "scroller" per JavaScript nach links verschoben wird. Der äußere Rahmen ("billboard") legt fest, wieviel jeweils zu sehen ist, der Rest wird "abgeschnitten" (overflow: hidden).

    Ein Skript names scrollinator.js sorgt dann in Verbindung mit der universellen Browserweise browserdetect.js für den Bewegungseffekt.
     
    Hilarious, 03.12.2005
Die Seite wird geladen...
Ähnliche Themen - Javascript Gurus slide
  1. nicoch
    Antworten:
    2
    Aufrufe:
    284
  2. beatles
    Antworten:
    11
    Aufrufe:
    510
    beatles
    24.02.2017
  3. Kopfkissen
    Antworten:
    13
    Aufrufe:
    720
    Olivetti
    25.02.2017
  4. leo-magic
    Antworten:
    0
    Aufrufe:
    341
    leo-magic
    27.05.2016