[JavaScript] Image Slider/Scroller mit vor/zurück + autoscroll

Dieses Thema im Forum "Webentwicklung" wurde erstellt von dreamax, 22. Januar 2010 .

Schlagworte:
  1. 22. Januar 2010
    Image Slider/Scroller mit vor/zurück + autoscroll

    Hallo,

    bin auf der suche nach einen Image Slider/Scroller der eingetragene Bilder unendlich horizontal durch scrollt ähnlich wie bei <marquee> nur noch zusätzlich mit vor und zurück Buttons mit denen man so z.b. ein Stück zurück scrollen kann. Gibt einiges im Netz an Skripten aber hab irgendwie noch nicht wirklich das richtige gefunden.. Mal laufen die Bilder nicht unendlich mal durch, mal gibts keine Buttons zur Steuerung. Also falls ihr was passendes habt immer her damit. Als HTML Code habe ich mir das so gedacht, wäre gut wenn ich den so in der Art weiter nehmen könnte:

    HTML:
    <div id="img_slider">
     <a href="" id="left_arrow">&lt;</a>
     <ul>
     <li><a href=""><img src="" alt="" /></a></li>
     <li><a href=""><img src="" alt="" /></a></li>
     <li><a href=""><img src="" alt="" /></a></li>
     </ul>
     <a href="" id="right_arrow">&gt;</a>
    </div>
    
    mfg dreamax
     
  2. 22. Januar 2010
    AW: Image Slider/Scroller mit vor/zurück + autoscroll

    Kannst du ein wenig JS und css? Mit scrollLeft kannst du das ganze recht einfach realisieren.


    Ansonsten wenn du jQuery benutzt, wirst du von fertig Scripten überhäuft.

    Hier einmal das gleiche Script mit unterschiedlichen Variationen:

    Hauptseite
    http://spaceforaname.com/gallery-light.html
    http://spaceforaname.com/gallery-dark.html
    http://spaceforaname.com/gallery-customized.html
    http://spaceforaname.com/filmstrip.html


    Oder der hier:
    http://jqueryfordesigners.com/slider-gallery/

    Etwas anders, aber auch ganz nett find ich:
    http://www.gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html
     
  3. 22. Januar 2010
    AW: Image Slider/Scroller mit vor/zurück + autoscroll

    @hacker5: mhh.. naja nich ganz was passendes dabei außer http://spaceforaname.com/filmstrip.html mal schaun vllt pass ich mir das an..
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.