WebSite X5Help Center

 
Klaus G.
Klaus G.
User

IMAGES  de

Autor: Klaus G.
Visited 1437, Followers 1, Udostępniony 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

Posted on the
5 ODPOWIEDZI
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?

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from Klaus G.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca 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.

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Klaus G.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca 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.

Czytaj więcej
Posted on the from Andreas S.