WBCE CMS Forum

jimmy

Member

Modul Member: MitglIieder Bilder auf Apple Geräten unscharf

Hallo miteinander

Ich habe nun schon die eine oder andere kleine Webseite mit WBCE umgesetzt.
Ein klasse System, welches richtig Spass macht!!

Nun habe ich die Webseite meines Jodlerklubs damit neu aufgebaut und mir wurde gemeldet, dass die Bilder der Mitglieder Seite beim Hovern unscharf seien. (ich darf noch keine Links posten, sonst käme hier der Link auf die Seite jodlerklub-schlossgruess.ch)
Alle anderen sind ok. (Chorleiter oder andere bei "Über uns")

Dazu muss ich noch erwähnen, dass ich in den css- Files des Member- Moduls und des Templates etwas Code implementiert habe, um die Bilder zu vergrössern, wenn mit der Maus darüber gehovert, oder auf dem Smartphone angetippt wird. (der Code ist gegoogelt, ich gebs zu...)
im Template:

[== CSS ==]
section img:hover { 

transform: scale(2); 
transform-origin: top left;
display:block; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index:999; 
-webkit-transition-duration: 0.3s; 
-webkit-transition-timing-function: ease-out; 
}

im Modul:

[== CSS ==]
.members-member img:hover { 

transform: scale(6); 
transform-origin: left;
display:block; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index:999; 
-webkit-transition-duration: 0.3s; 
-webkit-transition-timing-function: ease-out;
}

Ist doch eigentlich das selbe, dachte ich...
Nichts desto trotz bekomme ich die Mitteilung von Benutzern, dass die Mitglieder Bilder auf Apple Geräten unscharf sind beim Hovern, bei allen anderen sind die gehoverten Bilder ok....

Was mache ich falsch?
Oder anders gefragt, was macht das Modul Member bei den Bildern anders als ein WYSIWIG Abschnitt?

Herzlichen Dank im Voraus für einen Tritt in die richtige Richtung     
Jimmy

---

Quick and dirty lasts longer dirty than it was quick..

florian

Administrator

Re: Modul Member: MitglIieder Bilder auf Apple Geräten unscharf

Hallo jimmy,

du kannst jetzt Links posten. Die Seite ist schön geworden.
Es scheint sich beim geschilderten Problem um einen Webkit-Bug zu handeln, vgl.
https://stackoverflow.com/questions/104 … ebkit?rq=4

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

jimmy

Member

Re: Modul Member: MitglIieder Bilder auf Apple Geräten unscharf

Hallo Florian

Herzlichen Dank für die schnelle Antwort (und die Blumen)!

Da in den DevTools angegeben wird, dass die gerenderte Grösse der Mitgliederbilder 79x118px sei, habe ich schon versucht, das Bild "grösser" zu machen:

[== CSS ==]
.members-member img {
	margin: 0; 
	/*-webkit-transform: scale3d(0.5, 0.5, 1);*/
	width: 1200px; /* test, um die skalierten hover bilder auf den Iphones und Konsorten hinzubekommen */
	height: auto; /* test, um die skalierten hover bilder auf den Iphones und Konsorten hinzubekommen */	
}

.
Leider hat das nichts gebracht.
der auskommentierte scale3d hat das Bild noch kleiner gemacht.

Nun muss ich aufhören, ich darf noch einem Broterwerb nachgehen

Wenn irgendwer mich in die richtige Richtung schubsen kann, bin ich nach wie vor froh.
Ich werde mir in den kommenden Tagen ein Apple Gerät leihen, um etwas experimentieren zu können.
(ist nur irgendwie doof, dass ein einzelner Hersteller ungestraft die Welt dermassen terrorisieren darf 

Habt ein wunderbares Wochenende!!
Jimmy

---

Quick and dirty lasts longer dirty than it was quick..

florian

Administrator

Re: Modul Member: MitglIieder Bilder auf Apple Geräten unscharf

Ganz kurz: Es gibt iOS-Simulatoren, wenn man "überraschenderweise" keinen Luxusknochen aus Cupertino zur Hand hat, z.B.
https://appetize.io/demo

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

jimmy

Member

Re: Modul Member: MitglIieder Bilder auf Apple Geräten unscharf

Ganz kurz: Es gibt iOS-Simulatoren, wenn man "überraschenderweise" keinen Luxusknochen aus Cupertino zur Hand hat, z.B.
https://appetize.io/demo

Danke!!
Ich probier das mal aus...

---

Quick and dirty lasts longer dirty than it was quick..