Dieser Beitrag beinhaltet 329 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Mit dem Divi-Bildmodul lassen sich Bilder bequem einfügen und verlinken. Jedoch möchte man vermutlich, dass ein Link, welcher das Bild in voller Pracht anzeigt, in einem neuen Fenster öffnet. Oder noch eleganter: In der Divi-Lightbox. Für letzteres gibt es eine einfache Möglichkeit, mit der alle Bildlinks automatisch in der Lightbox erscheinen.
Fügen Sie folgenden Script-Code im <head>-Bereich Ihrer Website ein: Divi/Theme Options/Integration und dort ins Feld «Add code to the < head > of your blog»:
<script>
jQuery(function($) {
var $links = $('.entry-content a').filter(is_image_link).not(is_gallery_image_link);
$links.filter(has_child_img).addClass('et_pb_lightbox_image');
$links.not(has_child_img).magnificPopup({type:'image'});
function has_child_img() {
return ($(this).children('img').length);
}
function is_image_link() {
return (/.(?:jpg|jpeg|gif|png|bmp)$/i.test($(this).attr('href')));
}
function is_gallery_image_link() {
return ($(this).parent().hasClass("et_pb_gallery_image"));
}
}
);
</script>Die Lightbox ist jetzt standardmässig für die Anzeige von Bildern aktiviert, welche auf sich selbst verlinkt sind.
Werbung
Werbung
