Welcome, Guest
Username: Password: Remember me

TOPIC: on_mouseover Bild als Standard

on_mouseover Bild als Standard 1 year 5 months ago #1

  • TSGEppstein
  • TSGEppstein's Avatar
  • Offline
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?
The administrator has disabled public write access.

on_mouseover Bild als Standard 1 year 5 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
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
The administrator has disabled public write access.

on_mouseover Bild als Standard 1 year 5 months ago #3

  • TSGEppstein
  • TSGEppstein's Avatar
  • Offline
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.

The administrator has disabled public write access.

on_mouseover Bild als Standard 1 year 5 months ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
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>

The administrator has disabled public write access.

on_mouseover Bild als Standard 1 year 5 months ago #5

  • TSGEppstein
  • TSGEppstein's Avatar
  • Offline
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.



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.



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

Was muss ich anders machen?
The administrator has disabled public write access.

on_mouseover Bild als Standard 1 year 5 months ago #6

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Machen sie es doch wie oben beschrieben. Sie bauchen nicht für jedes Bild ein Modul
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen