IMAGES
Autore: Klaus G.
Visite 1476,
Followers 1,
Condiviso 0
Wäre es möglich jedem einzelnen Image pro Seite eine vortlaufende Nummer z.B. image-0, image-1, image-2 usw. zu zu ordnen. Damit hätte man die möglichkeit ohne weiteres mit CSS die Bildgröße bei verschiedenen Break-Points separat zu steuern.
Gruß
MCMACMASTER
Postato il
Weshalb sollte das nicht möglich sein. Wenn du ein Bild einfügst kannst du doch vorher die Bezeichnung anpassen oder?
Autore
image-0 z.B wird in der CSS vom Programm angelegt (geschrieben).
Wenn ich jetzt auf einer Seite z.B. 4-8 Bilder einfüge und das in verschiedenen Zellen, wird jedes Bild in den Zellen mit image-0 bezeichnet. Bei 4-8 Bildern habe ich dann mehrere image-0.
Kannst du auch sagen "wo" es den Namen vergibt? WSX5 ändert den Namen nur wenn man das Bild mehrfach einbindet auf der Seite und das aber nicht mit image-0!
Möglicherweise wenn man das Projekt von einer älteren Version konvertiert hat, aber das müsste man dann testen.
Oder du meinst, dass es den Selektor "image-0" angelegt wo die Bilder dann den selben Style haben.
Autore
Hallo Andreas,
habe mal einen Test gemacht und anscheinend funktioniert es so:
<style>
@media (max-width: 1348px) and (min-width: 1200px) {
#imTextObject_343_tab0 .image-0 { width:402px !important; max-width:402px !important; }}
@media (max-width: 1199px) and (min-width: 1024px) {
#imTextObject_343_tab0 .image-0 { width:300px !important; max-width:300px !important; }}
@media (max-width: 1023px) and (min-width: 800px) {
#imTextObject_343_tab0 .image-0 { width:300px !important; max-width:300px !important; }}
@media (max-width: 769px) and (min-width: 640px) {
#imTextObject_343_tab0 .image-0 { width:528px !important; max-width:528px !important; }}
@media (max-width: 639px) and (min-width: 480px) {
#imTextObject_343_tab0 .image-0 { width:390px !important; max-width:390px !important; }}
@media (max-width: 479px) and (min-width: 360px) {
#imTextObject_343_tab0 .image-0 { width:285px !important; max-width:285px !important; }}
@media (max-width: 359px) and (min-width: 320px) {
#imTextObject_343_tab0 .image-0 { width:295px !important; max-width:295px !important; }}
</style>
<style>
@media (max-width: 1348px) and (min-width: 1200px) {
#imTextObject_349_tab0 .image-0 { width:402px !important; max-width:402px !important; }}
@media (max-width: 1199px) and (min-width: 1024px) {
#imTextObject_349_tab0 .image-0 { width:300px !important; max-width:300px !important; }}
@media (max-width: 1023px) and (min-width: 800px) {
#imTextObject_349_tab0 .image-0 { width:300px !important; max-width:300px !important; }}
@media (max-width: 769px) and (min-width: 640px) {
#imTextObject_349_tab0 .image-0 { width:528px !important; max-width:528px !important; }}
@media (max-width: 639px) and (min-width: 480px) {
#imTextObject_349_tab0 .image-0 { width:390px !important; max-width:390px !important; }}
@media (max-width: 479px) and (min-width: 360px) {
#imTextObject_349_tab0 .image-0 { width:285px !important; max-width:285px !important; }}
@media (max-width: 359px) and (min-width: 320px) {
#imTextObject_349_tab0 .image-0 { width:295px !important; max-width:295px !important; }}
</style>
Ich werde es noch weiter testen, dauert jetzt ein bisschen da ich die nächsten 2 Wochen viel unterwegs bin.
Werde mich aber diesbezüglich wieder melden um euch auf dem laufenden zu halten.
Geruß
MCMACMASTER
JA genau! Dies ist eine Klasse (class) und ist für jedes Bild gleich. Da werden aber keine Größenwerte darin gespeichert sondern die Größenwerte werden nur über die Breakpoints als media query gesteuert.
Natürlich könnte man diese Werte auch noch überschreiben, aber das ist individuell.