zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bilder/Videos bewegen lassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.12.2013, 02:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.12.2013
Beiträge: 4
BaTam befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.12.2013, 10:17
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von BaTam Beitrag anzeigen
Ich habe 8 Elemente: button links, 6 Videos; button rechts
in einer Zeile ausgerichtet (mit display:inline und float:left)
Das ist Unsinn. Wenn man ein Element floatet wird es zu einem Blockelement.

Lerne die Grundlagen.
Zitat:
Nun möchte ich folgendes erreichen, wo ich keinen ansatz habe:
Für Ansätze sind wir nicht da, die müssen mit Code, korrekt eingerückt und lesbar von dir kommen, ansonsten gibt es da noch das Jobforum, wenn du vor hast jemanden damit zu beauftragen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.12.2013, 10:26
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

der passende Suchbegriff: carousel
Ajax Carousel - jCarousel Examples
45+ Best jQuery Carousel Plugins
Mit Zitat antworten
  #4 (permalink)  
Alt 22.12.2013, 11:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.12.2013
Beiträge: 4
BaTam befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Das ist Unsinn. Wenn man ein Element floatet wird es zu einem Blockelement.
Also mein html sieht so aus:

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>
Soweit ich das weiss, sind "Button" und "UL" Elemente Blockelemente. Steht ja auch in SELFHTML. Daher verstehe ich gerade nicht ganz, warum das semantisch falsch sein soll, wenn man in css sagt:

//damit er das UL-Element floatet
Code:
#leftButton{

    width: 15px;
    height: 160px;
    float:left;
}
//damit er den rechten Button floatet

Code:
#sliderList{
    
    float:left;
}
@Manfred
Danke dir sehr für den Tipp. Jetzt weiss ich, wonach ich suchen soll
Mit Zitat antworten
  #5 (permalink)  
Alt 22.12.2013, 12:42
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von BaTam Beitrag anzeigen
Soweit ich das weiss, sind "Button" und "UL" Elemente Blockelemente. Steht ja auch in SELFHTML.
Dann liess noch mal nach unter SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #6 (permalink)  
Alt 22.12.2013, 14:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.12.2013
Beiträge: 4
BaTam befindet sich auf einem aufstrebenden Ast
Standard

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:
Folgende Elemente gehören zu den Block-Elementen:
address | blockquote | center | del | dir | div | dl | fieldset | form | h1-6 | hr | ins | isindex | menu | noframes | noscript | ol | p | pre | table | u
Mit Zitat antworten
  #7 (permalink)  
Alt 22.12.2013, 15:08
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
  #8 (permalink)  
Alt 22.12.2013, 19:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.12.2013
Beiträge: 4
BaTam befindet sich auf einem aufstrebenden Ast
Standard

Ahhh danke dir für den Hinweis.
Wäre es semantisch in Ordnung, wenn ich <Button> einfach mit <Form> umschließen würde und dann "<Form>", weil form ja ein Block-Element ist?
Mit Zitat antworten
  #9 (permalink)  
Alt 02.01.2014, 20:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.10.2010
Beiträge: 154
MitjaStachowiak befindet sich auf einem aufstrebenden Ast
Standard

Echt? FORM ist ein Block-Element?

Wieso nicht einfach DIV?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 02.01.2014, 21:38
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Weil DIV keine Bedeutung inne hat und nur im Ausnahmefall eingesetzt werden sollte.

Auszug aus dem W3C
Zitat:
The div element is a generic container for flow content that by itself does not represent anything
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:23 Uhr.