• Hi,

    ich möchte gerne eine neue Seite erstellen, in der ich ein Team vorstellen möchte. Ich habe die Vorstellung, dass ich die Teamnamen in eine Tabelle schreibe und beim Klick auf einen Teamnamen, poppt idealerweise eine Lightboxähnliche Box auf auf die eine Art Steckbrief anzeigt.
    Ich habe alles mögliche probiert, aber ich finde einfach keinen Lösungsansatz.
    Muss ich wirklich alles dann in ein JPEG balsteln und mit Lightbox öffnen ?
    Oder gibts eventuell ein TEAM Plugin o.ä. ?

    Danke im Vorraus für die Hilfe.

    gruß
    CK

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Als Bild ablegen ist da auf jeden Fall schon mal nicht sinnvoll. Wenn es nicht extrem viele / lange Texte sind, würde ich das so machen:

    * Texte einfach normal in der Seite mit ausgeben. ID verteilen dafür (z.B. "teamBeschreibung[Teamname]" und per CSS ausblenden ("display: none").
    * Den Lightbox-Link auf diese ID setzen. Die Lightbix selber kann das glaube ich nicht, aber viele Klone können es: ColorBox, ThickBox etc.

    Alle Nutzer ohne JavaScript sehen das dann natürlich nicht, also vielleicht zusätzlich noch einen normalen Link ergänzen, der die gleiche Seite mit einem Parameter aufruft. Wenn dieser Parameter beim Seite laden gefunden wird, werden die Texte alle angezeigt. Anker an diesem Link nutzen für Sprung zur richtigen Stelle.

    Wenn es sehr viele Texte sind, dann sollten die Texte eher nachgeladen werden müssen, da bei obiger Lösung der Nutzer die Texte natürlich ohne sie zu sehen sofort laden muss. Dann lieber per AJAX. Dafür bräuchtest Du eine Möglichkeit, die Texte per AJAX vom Server zu ziehen. Da müsste ich auch erstmal näher schauen, wie man das am besten macht.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!