Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2014 at 2:49 pm #240074
    Nic

    Hallo Team,
    ich habe ein Problem mit der Einbindung per iframe und prettyphoto.
    Auf Desktop passt sich das Overlay perfekt an, bzw. es ist scrollbar wenn ich den Browser resize, auf dem iPad jedoch bekomme ich es nicht hin.

    Wäre sehr dankbar, wenn Ihr mir hier weiterhelfen könntet:
    Screen
    Webseite –>BTN: Vita

    Gruß,
    Nic

    March 20, 2014 at 10:33 am #240614
    Dude

    Hi Nic!

    Ich kann prettyphoto leider nicht mit einem iphone testen. Ich würde vorschlagen stattdessen fancybox zu verwenden – vielleicht gibt dir dieses Lightbox Skript bessere Resultate. Ein Child Theme, welches prettyphoto durch fancybox ersetzt, habe ich hier: http://www.mediafire.com/?05ho02ecut516hu hochgeladen.

    Best regards,
    Peter

    March 20, 2014 at 1:35 pm #240675
    Nic

    Hi Peter,

    vielen Dank für das angepasste Child Theme. Habe lokal alles eingebunden und getestet. Der Call eines Bildes funktioniert, jedoch jeglicher Versuch eine Seite per iframe mit Fancybox darzustellen misslingt:
    – class=”fancybox.iframe”
    – data-fancybox-type=”iframe”

    Hab ich hier einen Denkfehler oder kann es sein, dass der Typ “iframe” in Deinem Child Theme nicht eingebunden ist?

    Danke für Deine Hilfe.
    Gruß,
    Nic

    • This reply was modified 10 years, 9 months ago by Nic.
    March 22, 2014 at 11:41 am #241579
    Dude

    Hi!

    Versuche einmal folgende Klasse zum Iframe-Link hinzuzufügen:

    
class="lightbox"

    Cheers!
    Peter

    March 25, 2014 at 11:42 am #242667
    Nic

    Hi Peter,
    hat leider nicht funktioniert. Konnte den Fehler jedoch durch eine CSS-Anpassung innerhalb von prettyphoto beheben.

    /*prettyPhoto adjustments for mobile devices. 1024px is presumed widest device.*/
    @media screen and (max-device-width: 1024px) {
    .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: scroll; -webkit-overflow-scrolling : touch; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
    #pp_full_res { line-height: 0.7 !important; }
    .pp_details { width: 94%!important; padding: 15px 3% 15px 3%; min-height: 35px; background-color: #fff; margin: 0!important; }
    div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }
    div.ppt { display:none !important; }
    .pp_play {margin-right: 20px !important;}
    .pp_arrow_previous {margin-right: 5px !important;}
    }

    Vielen Dank.
    Gruß,
    Nic

    March 26, 2014 at 8:11 am #243189
    Dude

    Hi!

    Sehr gut :)

    Regards,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘PrettyPhoto: iframe Darstellung auf iPad’ is closed to new replies.