WebSite X5Help Center

 
Klaus G.
Klaus G.
User

IMAGES  de

Autor: Klaus G.
Visitado 1438, Followers 1, Compartido 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

Publicado en
5 RESPUESTAS
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?

Leer más
Publicado en de 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.

Leer más
Publicado en de Klaus G.
Andreas S.
Andreas S.
Moderator
Usuario del mes 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.

Leer más
Publicado en de 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

Leer más
Publicado en de Klaus G.
Andreas S.
Andreas S.
Moderator
Usuario del mes 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.

Leer más
Publicado en de Andreas S.