WebsiteBaker Community Forum

WebsiteBaker Support (2.12.x) => Modules => Topic started by: peitman on April 29, 2020, 01:26:52 PM

Title: Item - teaser-grid
Post by: peitman on April 29, 2020, 01:26:52 PM

Hallo zusammen,

folgende Frage: Ich möchte gerne, dass sich beim Hover über ein Wort / ein Grafik ein Fenster mit Textinfos über die Webseite legt, Effekt wie bei der Colorbox zum Bsp.

Gibt es dafür einen Lösungsansatz?

Vorab schon mal Danke für Lösungsansätze
Bleibt gesund
dp

Title: Re: Item - teaser-grid
Post by: hgs on April 29, 2020, 02:31:14 PM

Schau mal hier (oder bei Tange google allgemein gesucht)
https://www.chefblogger.me/2019/09/26/bilder-text-hover-effekt-text-overlay-nur-css-und-html-anleitung-tutorial/
Meintest du sowas?
oder
https://www.digitale-offensive.de/glossar/tooltip/
sowas?

Title: Re: Item - teaser-grid
Post by: peitman on April 29, 2020, 11:09:38 PM

nein ehr so etwas wie auf dieser Seite:

https://te-schmidt.de

Im unteren Bereich sind 5 Icons mit einem Link (mehr). Wenn man den anklickt legt sich ein Fenster über die Seite.

Title: Re: Item - teaser-grid
Post by: dbs on April 29, 2020, 11:40:10 PM

Das ist dort mit Bootstrap gemacht. Falls du Bootstrap bereits nutzt, ist es eher leicht abzuschauen.

Title: Re: Item - teaser-grid
Post by: peitman on April 29, 2020, 11:45:03 PM

Bootstrap hatte ich auch bereits herausgefunden. Leider verwende ich das nicht!

Habe was gefunden mit jQuery, mal schauen ob ich das irgendwie einbinden kann.

https://joaopereirawd.github.io/animatedModal.js/
https://jquerymodal.com/