• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild mit Class

praNNkii

Neues Mitglied
Hallo,
also ich will ein Bild einer Class zuordnen,
Code:
                                <div class="coda-slider" id="slider-id">
                            
                                <div>
                                   <img src="buttons/Unbenannt-1.jpg" class="title">
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo
                                        a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id
                                        mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel
                                        enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla.
                                        Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis
                                        et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi
                                        mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>
                                </div>
es zeigt aber nichts an
 
Zuletzt bearbeitet:
Was wird denn nicht angezeigt?

Dann existiert entweder das Bild oder die Klasse title nicht.
Oder du hast 'display:none' rein geschrieben :D
Du müsstest noch mal etwas nähere Infos und/oder Bilder geben.
Und entweder fehlt ein </div> oder du hast ein <div> zu viel (falls danch nicht noch eins kommt... :) )
 
Was wird denn nicht angezeigt?

Dann existiert entweder das Bild oder die Klasse title nicht.
Oder du hast 'display:none' rein geschrieben :D
Du müsstest noch mal etwas nähere Infos und/oder Bilder geben.
Und entweder fehlt ein </div> oder du hast ein <div> zu viel (falls danch nicht noch eins kommt... :) )
also ich benutze den coda-slider.
http://prannkii3332.pr.ohost.de/buttons.html (tut mir leid für schlechten hoster)
also ich will anstatt panel ein bild reinmachen. In der Index benutzen die anderen Panel die class "title" ich finde die aber nicht in der .css
 
Zuletzt bearbeitet:
Hm... Versuch mal statt

Code:
[COLOR=#333333]<img src="buttons/Unbenannt-1.jpg" class="title">

Code:
<div class="title"><img src="buttons/Unbenannt-1.jpg"></img></div>

zu probieren.
Oder title mal auszulassen.
Mir fällt sonst nichts ein...
Vermutlich denke ich in die falsche Richtung :D[/COLOR]
 
Hm... Versuch mal statt

Code:
[COLOR=#333333]<img src="buttons/Unbenannt-1.jpg" class="title">[/COLOR]


Code:
<div class="title"><img src="buttons/Unbenannt-1.jpg"></img></div>

zu probieren.
Oder title mal auszulassen.
Mir fällt sonst nichts ein...
Vermutlich denke ich in die falsche Richtung :D

ne geht nicht, aber trotzdem danke
 
Du willst also statt des Textes ein Bild im Slider anzeigen? Dann trag doch einfach das img-Tag in dem p-Tag statt des Textes ein:
Code:
      <div>
        <h2 class="title">Panel 1</h2>
        <p>[B]<img src="dein_bild.jpg">[/B]</p>
      </div>
Eine class brauchst Du dafür nicht.
 
Du willst also statt des Textes ein Bild im Slider anzeigen? Dann trag doch einfach das img-Tag in dem p-Tag statt des Textes ein:
Code:
      <div>
        <h2 class="title">Panel 1</h2>
        <p>[B]<img src="dein_bild.jpg">[/B]</p>
      </div>
Eine class brauchst Du dafür nicht.
nein das meinte ich nicht, sondern das der Text da erhalten bleibt und oben anstat Panel ein Bild da ist.
 
Doch, ich glaube, jetzt verstehe ich dich: Du möchtest in diesen Karteireitern oben Bilder statt des Textes Panel 1 haben. Da hatte dir ja früher schon jemand empfohlen, das Image-Tag des Bildes in den h2-Tag einzutragen und Du hast festgestellt, dass es nicht funktioniert. Wahrscheinlich geht das was Du da vorhast, nicht mit diesem Slider. Es ließe sich jedoch ohne weiteres mit dem BX-Slider realisieren:
jQuery Content Slider | Responsive jQuery Slider | bxSlider
und unter den Beispielen "Thumbnail pager - method 1":
Examples | Responsive jQuery Slider | bxSlider
Man kann hier die Thumbnails unabhängig vom Content festelegen.
Diesen Slider habe ich früher selbst eingesetzt und kann ihn sehr empfehlen.
 
Zurück
Oben