Thread Verfasser: Catzenjaeger
Thread ID: 869
Thread Info
Es gibt 3 Beiträge zu diesem Thema, und es wurde 1724 Mal angesehen.
 Thema drucken
Bild dynamisch
Catzenjaeger
ich habe ein Panel bzw einen Infusion die ein Panel enthält ... dort wird ein Bild dargestellt was user hochgeladen wird aber nie gleich groß ist. Nun möchte ich das Bild so einbinden das ich nicht angebe

600 px breit sondern so das es dynamisch ist also sich der seitenbreite anpasst wenn ich zB

1.) das Theme wechsle
2.) ich die seitengröße mittels STRG und Mausrad ändere

Mein Problem ist wenn ich das Bild mit 600px breite einbinde weird die ganze seite auf handys oder tablets zerschossen .. das Bild hängt dann seitlich raus .

Wie kann man so etwas machen?

Ich
 
Septron
Hallo,

das Theme müsste dann in der style.css auch einen eintrag haben wie

img-responsive
responsive
media
blablubb

hier mal ein minimaler auszug....

Bild:
Code
<img class="img-responsive" src="bildblablubb.png" alt="">


style.css:
Code
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}


hier ist es eigendlich schon recht oll erklährt:

Responsive Images – <picture>, srcset, sizes & Co. <- Klick mich

lg Septron
Rechtschreibfehler und Fehlende Satzzeichen sind eine Sünde meiner
Gedanklichen Tastatur wer alle findet darf sie behalten.
Domain Owner of: SGI Fusion | PHPFusion-SupportClub | PHPFusion Germany
 
Catzenjaeger
super klasse probiere ich gleich mal Smile
 
Springe ins Forum: