End of Support for Joomla 3 - Forum closed

on_mouseover Bild als Standard

on_mouseover Bild als Standard was created by TSGEppstein

Posted 7 years 1 week ago #20556
Auf www.tsgeppstein.de haben wir mit Bildern eine Startseite aufgebaut, die den Einstieg in die verschiedenen Abteilungen unseres Sportvereins ermöglicht. Damit Besucher der Seite genau wissen, auf welches Bild sie klicken sollen, haben wir zu jedem Bild per onmouseover ein zweites Bild hinterlegt, das den Namen der Abteilung enthält.

Wäre es möglich auf mobilen Geräten immer direkt dieses zweite Bild anzuzeigen?

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic on_mouseover Bild als Standard

Posted 7 years 1 week ago #20557
Hallo, nicht so einfach.
Hierfür müssen sie die Bilder bzw das Modul in dem die Bilder sind duplizieren und abändern.
Nun können sie in der Template Konfiguration > Module
das eine Modul auf dem Desktop anzeigen lassen und das andere nur auf der mobilen Version.
www.joomlaplates.de/support/dokumentation/warp7-template-module

Please Log in or Create an account to join the conversation.

Replied by TSGEppstein on topic on_mouseover Bild als Standard

Posted 7 years 1 week ago #20558
Danke für die schnelle Antwort. Ich habe es mal probiert aber leider klappt es nicht so ganz, wie ich es mir vorstelle.
Ich habe die Module für die obere Reihe kopiert, angepasst und dann im Template die alten Module für den Desktop und die neuen für Tablets / Phones freigeschaltet. An sich funktioniert das auch, aber wenn ich mir die Seite auf einem kleinen Bildschirm anschaue, werden die Module nicht mehr übereinander angezeigt.

Auf dem beigefügten Bild kann man das Problem gut erkennen. Eigentlich sollten alle Bilder so untereinander (und dafür größer) angezeigt werden.

Attachment problemtsgseite.jpg not found

Last Edit:7 years 1 week ago by TSGEppstein

Attachments:

Last edit: 7 years 1 week ago by TSGEppstein.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic on_mouseover Bild als Standard

Posted 7 years 1 week ago #20560
Ihr HTML code ist falsch.
Hier der Code für den Desktop

<div class="uk-visible-large">
Ihr Code für die Bilder
</div>

Hier der Code für alle anderen

<div class="uk-hidden-large">
Ihr Code für die Bilder / Ohne Divs, einfach alle Bilder untereinander
</div>


Attachment Screenshot_4-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22.jpg not found

Last Edit:7 years 1 week ago by joomlaplates

Attachments:

Last edit: 7 years 1 week ago by joomlaplates.

Please Log in or Create an account to join the conversation.

Replied by TSGEppstein on topic on_mouseover Bild als Standard

Posted 7 years 1 week ago #20561
Wir haben es so aufgebaut, das jedes Bild ein eigenes Modul ist. Diese habe ich dann dupliziert, einmal für den Desktop und einmal für die mobile Ansicht.

Attachment tsg_module.png not found



Dann habe ich, basierend auf dem Video in der ersten Antwort hier, versucht diese Module jeweils entweder für die Desktop oder die mobile Ansicht zu nutzen.

Attachment tsg_module2.png not found



Hier habe ich dann auch die class zugewiesen, was aber keinen Unterschied macht.

Was muss ich anders machen?

Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic on_mouseover Bild als Standard

Posted 7 years 1 week ago #20562
Machen sie es doch wie oben beschrieben. Sie bauchen nicht für jedes Bild ein Modul

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License