|
|||
Bilder/Videos bewegen lassen
Hallo,
Ich habe 8 Elemente: button links, 6 Videos; button rechts in einer Zeile ausgerichtet (mit display:inline und float:left) Nun möchte ich folgendes erreichen, wo ich keinen ansatz habe: Es dürfen in eine Zeile zu sein: Button Links, 3 Videos, button Rechts. Klickt man nun auf Button links oder rechts, verschieben sich die Videos um einen Klick. Das erste Video ist nicht mehr sichtbar. Videos:2,3,4 sind sichtbar. Videos 5 und 6 sind nicht sichtbar. Und so kann man nach links oder rechts hin und her videos bewegen. Es müssen jeweils 3 zu sehen sein. Wie kann man sowas umsetzen`? Würde mich über jeden Tipp freuen. Danke Geändert von BaTam (22.12.2013 um 04:25 Uhr) |
Sponsored Links |
|
|||
Zitat:
Lerne die Grundlagen. Zitat:
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
||||
der passende Suchbegriff: carousel
Ajax Carousel - jCarousel Examples 45+ Best jQuery Carousel Plugins |
|
|||
Zitat:
HTML-Code:
<div id="SlideNav"> <button id="leftButton" ><<</button> <ul id="sliderList"> <li> <iframe width="220" height="160" src=videolink1></iframe> </li> <li> <iframe width="220" height="160" src=videolink2></iframe> </li> </ul> <button id="rightButton" >>></button> </div> //damit er das UL-Element floatet Code:
#leftButton{ width: 15px; height: 160px; float:left; } Code:
#sliderList{ float:left; } Danke dir sehr für den Tipp. Jetzt weiss ich, wonach ich suchen soll |
|
|||
Zitat:
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Also in der unteren Auflistung der block-Elemente ist das UL und Form/button dabei. Daher verwirrt mich deine Aussage. Kläre mich bitte auf und komm auf den Punkt.
Danke Zitat:
|
|
|||
Button ist ein Inline-Element und kein Blockelement.
SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz und http://de.selfhtml.org/html/referenz...nte.htm#button
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Weil DIV keine Bedeutung inne hat und nur im Ausnahmefall eingesetzt werden sollte.
Auszug aus dem W3C Zitat:
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Mehrere div Objecte per hover bewegen | adl-solutions | CSS | 7 | 29.09.2013 12:35 |
Transparentes Gif kontinuierlich bewegen | erich.wanker | CSS | 1 | 06.04.2011 22:10 |
Button soll sich bei Mausberührung bewegen | 19Magicg80 | CSS | 8 | 03.10.2008 19:25 |
Bewegen von Elementen im Browser | netbenni | Javascript & Ajax | 2 | 25.03.2008 13:45 |
Fixe Seitenleiste die sich doch bewegen soll | fabske | (X)HTML | 5 | 16.08.2007 00:52 |