Problem - Fancybox-Darstellung bei CMS-Homepage

  • [COLOR=#3E3E3E]Hallo zusammen,[/COLOR]
    [COLOR=#3E3E3E]habe eine Frage zur Anwendung der Fancybox bei einer CMS-Homepage[/COLOR]

    [COLOR=#3E3E3E]Auf der CMS-Homepage-Startseite werden alle Bildern der Kategorie-Unterseiten angezeigt [/COLOR]
    [COLOR=#3E3E3E]und auf die jeweilige Unterseite verlinkt mittels[/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#0000ff]<[/COLOR][COLOR=#a31515]a [/COLOR][COLOR=#ff0000]href[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000ff]"[/COLOR][COLOR=#000000]<?php [/COLOR][COLOR=#000000]the_permalink();[/COLOR] [COLOR=#000000]?>[/COLOR][COLOR=#0000ff]">[/COLOR][COLOR=#000000]<?php [/COLOR][COLOR=#000000]echo wp_get_attachment_image($image,[/COLOR][COLOR=#000000]'[/COLOR][COLOR=#0000ff]custom-image-size[/COLOR][COLOR=#000000]');[/COLOR][COLOR=#000000]?>[/COLOR][COLOR=#0000ff]</[/COLOR][COLOR=#a31515]a[/COLOR][COLOR=#0000ff]>[/COLOR][/SIZE][/FONT][/COLOR]

    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]Ich möchte aber per MouseOver bzw. Hover-Effekt ein Fancybox-Vorschaubild und bei Klick erst die Weiterleitung zur jeweiligen Kategorie-Seite generieren. [/COLOR][/SIZE][/FONT][/COLOR]

    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]Auch sollen auf der jeweiligen Kategorie-Seite die Bilder die momentan per[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#000000]<?php [/COLOR][COLOR=#000000]$image [/COLOR][COLOR=#0000ff]=[/COLOR][COLOR=#000000]get_post_meta($post[/COLOR][COLOR=#0000ff]->[/COLOR][COLOR=#000000]ID,[/COLOR][COLOR=#000000]'[/COLOR][COLOR=#0000ff]image[/COLOR][COLOR=#000000]',[/COLOR][COLOR=#800040]true[/COLOR][COLOR=#000000]);[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#000000][FONT=Consolas][COLOR=#0000ff]if[/COLOR][COLOR=#000000]( $image [/COLOR][COLOR=#0000ff]!=[/COLOR][COLOR=#000000]''[/COLOR] [COLOR=#000000]) {?>[/COLOR][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#0000ff]<[/COLOR][COLOR=#a31515]div[/COLOR][COLOR=#ff0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000ff]"image_box">[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#000000]<?php[/COLOR] [COLOR=#000000]echo wp_get_attachment_image($image,[/COLOR] [COLOR=#000000]'[/COLOR][COLOR=#0000ff]custom-image-size[/COLOR][COLOR=#000000]');[/COLOR][COLOR=#000000]?>[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#0000ff]</[/COLOR][COLOR=#a31515]div[/COLOR][COLOR=#0000ff]>[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#000000]<?php[/COLOR][COLOR=#000000]}[/COLOR] [COLOR=#000000]?>[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]angezeigt werden per Fancybox aufpoppen[/COLOR][/SIZE][/FONT][/COLOR]

    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]Einzelne Bilder lassen sich nach dem Schema [/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#0000ff]<[/COLOR][COLOR=#a31515]script [/COLOR][COLOR=#ff0000]type[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000ff]"text/javascript">[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#000000]$(document).ready([/COLOR][COLOR=#0000c0]function[/COLOR][COLOR=#000000](){[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#000000]$([/COLOR][COLOR=#005c00]".fancybox"[/COLOR][COLOR=#000000]).fancybox()[/COLOR][COLOR=#5c5c5c];[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#000000]})[/COLOR][COLOR=#5c5c5c];[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#0000ff]</[/COLOR][COLOR=#a31515]script[/COLOR][COLOR=#0000ff]>[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#000000][FONT=Consolas]und[/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Consolas][size=10][COLOR=#0000ff]<[/COLOR][COLOR=#a31515]a [/COLOR][COLOR=#ff0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000ff]"fancybox" [/COLOR][COLOR=#ff0000]href[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000ff]"1_b.jpg"><[/COLOR][COLOR=#a31515]img [/COLOR][COLOR=#ff0000]src[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000ff]"1_s.jpg"/></[/COLOR][COLOR=#a31515]a[/COLOR][COLOR=#0000ff]>[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#000000][FONT=Times New Roman][size=12]gut per Fancybox öffnen.[/SIZE][/FONT][/COLOR]

    [COLOR=#000000][FONT=Times New Roman][size=12]Doch wie verlinke ich korrekt ohne alle Bilder einzeln aufrufen zu müssen.[/SIZE][/FONT][/COLOR]
    [COLOR=#000000][size=12][FONT=Times New Roman]Es handelt sich hier um eine CMS-Homepage, bei der in der jeweiligenKategorie-Seite Bild und Text enthalten ist – also keine klassische Bildergalerie. Die Bilder auf der Startseite sollen lediglich eineVorschau sein.[/FONT][/SIZE][/COLOR]

    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]Ich freue mich auf Antworten[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]und das ich dadurch wieder mehr Verständnis für Wordpress bekomme.[/COLOR][/SIZE][/FONT][/COLOR]
    [COLOR=#3E3E3E][FONT=Times New Roman][size=12][COLOR=#000000]Papaver[/COLOR][/SIZE][/FONT][/COLOR]

    • 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

Jetzt mitmachen!

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