WebSite X5Help Center

 
Klaus G.
Klaus G.
User

IMAGES  de

Autor: Klaus G.
Besucht 1138, Followers 1, Geteilt 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

Gepostet am
5 ANTWORTEN
Karl B.
Karl B.
User

Weshalb sollte das nicht möglich sein. Wenn du ein Bild einfügst kannst du doch vorher die Bezeichnung anpassen oder?

Mehr lesen
Gepostet am von Karl B.
Klaus G.
Klaus G.
User
Autor

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.

Mehr lesen
Gepostet am von Klaus G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
Klaus G.
Klaus G.
User
Autor

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

Mehr lesen
Gepostet am von Klaus G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.