Ergebnis 1 bis 5 von 5

Thema: Problem bei Bildergalerie

  1. #1
    Unregistriert
    Gast

    Standard Problem bei Bildergalerie

    Guten Morgen liebe User,

    Also ich bin dabei eine Bildergalerie zu erstellen.
    Jetzt funktioniert das soweit auch alles, jedoch sollte die Galerie schon 40 Bilder beinhalten.
    Und jetzt zu meinem Problem:

    Meine "Navi" mit den kleinen Bildern sollte mir in einem kleinen div oder so angezeigt werden,
    sodass ich mit einer Scrollbar dort das Bild wählen kann und dann das Bild in einem unterem div angezeigt bekomme.
    Jedoch klappt das nich :/ Zumindest bekomme ich das nicht hin.
    Ich hoffe ihr könnt mir helfen (:


    Style
    Code:
    <style type="text/css">
    
    a, a:visited, a:hover {}
    
    #container {position:relative; width:706; height:620px; background:#FFFFFF; border:0px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}
    
    #container a.pics {float:left; padding:7px 19px; display:inline; color:#000; text-decoration:none; width:75px; height:75px; cursor:default;}
    #container a.pics img.thumb {display:block; border:1px solid #000;}
    
    #container a.pics span {display:none; border:0; width:662px; background:#FFFFFF; border:1px solid #fff; text-align:center;}
    #container a.pics span img {margin:10px auto; border:1px solid #000;}
    
    #container a.pics:hover {white-space:normal;}
    #container a.pics:hover img.thumb {border:1px solid #fff;}
    #container a.pics:hover span {display:block; position:absolute; left:19px; top:100px; z-index:10; height:500px;}
    
    #container a.pics:active img.thumb {border:1px solid #fc0;} 
    #container a.pics:active span {display:block; position:absolute; left:19px; top:100px; z-index:5; height:500px;}
    
    #container a.pics:focus {outline:0;}
    #container a.pics:focus img.thumb {border:1px solid #fc0}
    #container a.pics:focus span {display:block; position:absolute; left:19px; top:100px; z-index:5; outline:0; height:500px;}
    
    #container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
    #container span.info a {color:#000;}
    #container span.info a:hover {text-decoration:none;}</style>
    HTML- Body
    HTML-Code:
    <div id="container">
                
                
                    <a class="pics" href="#nogo">
                        <img class="thumb" height="75" alt="" width="100" src="1.jpg" /> 
                            <span>
                                <img title="" height="480" alt="" width="640" src="1.jpg " /><br />    
                            </span>
                    </a>
                    
                    <a class="pics" href="#nogo">
                        <img class="thumb" height="75" alt="" width="100" src="2.jpg" /> 
                            <span>
                                <img title="" height="480" alt="" width="640" src="2.jpg" /><br />
                            </span>
                    </a>
                    
                    <a class="pics" href="#nogo">
                        <img class="thumb" height="75" alt="" width="100" src="3.jpg" /> 
                            <span>
                                <img title="" height="480" alt="" width="640" src="3.jpg" /><br />
                            </span>
                    </a>
    
                </div>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von synaptic (25.03.2010 um 13:51 Uhr) Grund: codetags für bessere lesbarkeit nachgetragen!

  2. #2
    Teeny
    Registriert seit
    16.03.2010
    Ort
    Gütersloh
    Beiträge
    24
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem bei Bildergalerie

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Also ich bin dabei eine Bildergalerie zu erstellen.
    Jetzt funktioniert das soweit auch alles, jedoch sollte die Galerie schon 40 Bilder beinhalten. (...)
    Jedoch klappt das nich :/ Zumindest bekomme ich das nicht hin.(...)
    Wo genau liegt da jetzt dein Problem?
    Onestripe.de - Ihr Weg ins Internet

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Problem bei Bildergalerie

    dann such doch mal mit der forensuche nach bildergalerie und javascript oder bildergalerie oder guck einfach mal im script-archiv ich hab selber schon einige davon gecodet und auch hier eingestellt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Meister(in)
    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem bei Bildergalerie

    Hast du dazu auch einen Link?

  5. #5
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Problem bei Bildergalerie

    Hier, bitte sehr klick mich

Ähnliche Themen

  1. Bildergalerie
    Von Cenarius im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 27.03.2009, 17:35
  2. Bildergalerie
    Von Luc im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 25.11.2008, 23:31
  3. Bildergalerie
    Von davidos_no.1 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 8
    Letzter Beitrag: 26.10.2008, 18:44
  4. Bildergalerie
    Von Daniela im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 11
    Letzter Beitrag: 18.09.2006, 00:24
  5. Bildergalerie
    Von wurmax im Forum Script-Archiv
    Antworten: 1
    Letzter Beitrag: 09.06.2006, 22:38

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •